@ovotech/element-native 3.8.1-canary-0c92e13-244 → 3.8.1

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

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-export type AccordionProps = PropsWithChildren<{
+export declare type AccordionProps = PropsWithChildren<{
     title: ReactNode;
     expanded?: boolean;
     children?: ReactNode;
@@ -12,7 +12,7 @@ export type AccordionProps = PropsWithChildren<{
     last?: boolean;
     testId?: string;
 }>;
-export type AccordionGroupProps = {
+export declare type AccordionGroupProps = {
     /**
      * @deprecated inline prop is no longer affects styling
      */

package/dist/components/Accordion/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+

package/dist/components/ActionCard/ActionCard.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { ImageSourcePropType } from 'react-native';
 import { CTAVariantName } from '../CTAButton/CTAButton';
-export type ActionCardProps = {
+export declare type ActionCardProps = {
     title: string;
     body?: string | ReactElement;
     onPressCloseButton?: () => void;

package/dist/components/ActionCard/ActionCard.js

@@ -1,107 +1,379 @@
-"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]; } };
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { n as y } from "../../utils-HsZygzDh.js";
+import C from "@react-native-masked-view/masked-view";
+import { useContext as P, useEffect as j } from "react";
+import { View as d, Image as z, Pressable as v } from "react-native";
+import "react-native-reanimated";
+import { s as x, T as D } from "../../styled.native-KEscfVp7.js";
+import "../Heading4/Heading4.js";
+import "../Accordion/Group.js";
+import "../Accordion/Icon.js";
+import "../Accordion/styles.js";
+import { Action as H } from "../ActionList/ActionList.js";
+import "../Badge/Badge.js";
+import "../Card/Card.js";
+import "../Checkbox/Checkbox.js";
+import "../ErrorText/ErrorText.js";
+import "../FormGroup/FormGroup.js";
+import "../HintText/HintText.js";
+import "../LabelText/LabelText.js";
+import { Stack as M } from "../Stack/Stack.js";
+import { CTAButton as A } from "../CTAButton/CTAButton.js";
+import "../CTALink/CTALink.js";
+import "../CurrencyField/CurrencyField.js";
+import "../CurrencyInput/CurrencyInput.js";
+import "../DataTable/DataTable.js";
+import "../DataTable/styles.js";
+import "../DateField/DateField.js";
+import "../DescriptionList/styled.js";
+import "../Disclosure/Disclosure.js";
+import "../Divider/Divider.js";
+import "../Em/Em.js";
+import "../EmailField/EmailField.js";
+import "../EmailInput/EmailInput.js";
+import { Margin as $ } from "../Margin/Margin.js";
+import "../List/styled.js";
+import "../Notification/Notification.js";
+import { P as E } from "../P/P.js";
+import "../Field/Field.js";
+import "../FilterSelect/FilterSelect.js";
+import "../Grid/Row.js";
+import "../Grid/Col.js";
+import "../Heading1/Heading1.js";
+import { Heading2 as I } from "../Heading2/Heading2.js";
+import { Heading3 as L } from "../Heading3/Heading3.js";
+import { Icon as w } from "../Icon/Icon.js";
+import "../Label/Label.js";
+import "../Lead/Lead.js";
+import "../LineThrough/LineThrough.js";
+import "../NavHeader/NavHeader.styles.js";
+import "../NumberField/NumberField.js";
+import "../NumberInput/NumberInput.js";
+import "../PasswordField/PasswordField.js";
+import "../PasswordInput/PasswordInput.js";
+import "../PhoneField/PhoneField.js";
+import "../PhoneInput/PhoneInput.js";
+import "../Radio/Radio.js";
+import "../SelectField/Select.js";
+import "../SkeletonCircle/SkeletonCircle.js";
+import "../SkeletonCTA/SkeletonCTA.js";
+import "../SkeletonHeading/SkeletonHeading.js";
+import "../SkeletonText/SkeletonText.js";
+import "../Small/Small.js";
+import "react-native-svg";
+import "../Strong/Strong.js";
+import "../Tabs/Tabs.js";
+import "../Tabs/Tab.js";
+import "../Tabs/TabList.js";
+import "../Tabs/TabPanel.js";
+import "../TextareaField/TextareaField.js";
+import "../TextareaInput/TextareaInput.js";
+import "../TextField/TextField.js";
+import "../TextInput/TextInput.js";
+import "../TextLink/TextLink.js";
+import "../Toggle/Toggle.js";
+import "../Toast/Toast.js";
+import "../ProductCarousel/ProductCarousel.js";
+import "../RadioCard/RadioCard.js";
+import { CloseIconShape as T } from "./CloseIconShape.js";
+import { IndicatorIconShape as V } from "./IndicatorIconShape.js";
+import "../../hooks/use-breakpoint.js";
+import "../ActionList/styled.js";
+import "../../utils/utils.js";
+import "../../providers/IconsProvider.js";
+import "../../providers/icons/Address.js";
+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";
+import "../Stretch/Stretch.js";
+import "../Input/Input.js";
+import "../DataTable/TableRow.js";
+import "../../hooks/use-full-width.js";
+import "../SubLabelText/SubLabelText.js";
+import "../PasswordInput/PasswordVisibilityToggle.js";
+import "../PasswordInput/PasswordInput.styled.js";
+import "../SkeletonAnimation/SkeletonAnimation.js";
+import "../Toggle/styles.js";
+import "react-native-safe-area-context";
+import "react-native-gesture-handler";
+import "../ProductCarousel/NavigationDots.js";
+import "../ProductCarousel/anchor-point.js";
+import "styled-components";
+const X = x.Pressable(({ theme: { core: r, semantic: i }, inline: o, inverted: n, reducedBottomPadding: a }) => {
+  const l = o ? r.space[4] : r.space[6], m = o ? r.space[3] : r.space[5];
+  return `
+      border-radius: ${o ? y(r.space[6]) : 0};
+      background-color: ${n ? i.inverted.surface : i.surface.elevated};
+      padding: ${y(l)};
+      padding-bottom: ${y(
+    a ? m : l
+  )};
+      overflow: hidden;
+      border-width: 0;
+      width: 100%;
+    `;
+}), Y = x(E)(
+  ({ theme: { semantic: r }, inverted: i }) => `
+    color: ${i ? r.inverted.message.base : r.message.base};
+`
+), si = ({
+  onPressCloseButton: r,
+  onPressActionButton: i,
+  onPressIndicator: o,
+  onMount: n,
+  body: a,
+  title: l,
+  buttonTitle: m,
+  ctaVariant: u,
+  image: h,
+  testID: p,
+  accessibilityLabel: k = "image",
+  inverted: g = !0,
+  inline: e = !1
+}) => {
+  const { core: R, semantic: f } = P(D);
+  j(() => {
+    n && n();
+  }, []);
+  const S = e ? L : I, b = R.space[e ? 4 : 6], s = -b;
+  return /* @__PURE__ */ t(
+    X,
+    {
+      onPress: o,
+      inline: e,
+      inverted: g,
+      reducedBottomPadding: !!(m && !u),
+      testID: `${p}-card`,
+      children: /* @__PURE__ */ c(d, { style: { flexDirection: "row" }, children: [
+        /* @__PURE__ */ t(d, { style: { flex: 1 }, children: /* @__PURE__ */ c(M, { spaceBetween: 2, children: [
+          /* @__PURE__ */ t(
+            S,
+            {
+              style: {
+                color: g ? f.inverted.message.link : f.message.branded,
+                paddingRight: h || !r ? 0 : b
+              },
+              testID: `${p}-heading`,
+              children: l
+            }
+          ),
+          /* @__PURE__ */ c(d, { children: [
+            typeof a == "string" ? /* @__PURE__ */ t(
+              d,
+              {
+                style: {
+                  paddingRight: !h && !l && r ? b : 0
+                },
+                children: /* @__PURE__ */ t(Y, { inverted: g, children: a })
+              }
+            ) : a,
+            m && i && !o ? u ? /* @__PURE__ */ t($, { top: 4, children: /* @__PURE__ */ t(
+              A,
+              {
+                onPress: i,
+                testID: `${p}-button`,
+                variant: u,
+                children: m
+              }
+            ) }) : /* @__PURE__ */ t($, { top: 2, children: /* @__PURE__ */ t(
+              H,
+              {
+                inverted: g,
+                inline: !0,
+                onPress: i,
+                testID: `${p}-button`,
+                iconRight: "chevron-right-small",
+                children: m
+              }
+            ) }) : null
+          ] })
+        ] }) }),
+        h ? /* @__PURE__ */ t(
+          C,
+          {
+            style: {
+              flex: 1,
+              flexDirection: "row",
+              height: "100%",
+              marginTop: s,
+              marginRight: s
+            },
+            maskElement: /* @__PURE__ */ t(
+              d,
+              {
+                style: {
+                  width: "100%",
+                  height: 165,
+                  backgroundColor: "olive",
+                  transform: [
+                    { rotate: "-16deg" },
+                    { translateX: 40 },
+                    { translateY: 25 }
+                  ]
+                }
+              }
+            ),
+            children: /* @__PURE__ */ t(
+              z,
+              {
+                resizeMode: "cover",
+                source: h,
+                style: {
+                  width: "100%",
+                  height: 200,
+                  position: "absolute",
+                  top: 0,
+                  right: 0
+                },
+                accessible: !0,
+                accessibilityRole: "image",
+                accessibilityLabel: k
+              }
+            )
+          }
+        ) : null,
+        o ? /* @__PURE__ */ c(
+          v,
+          {
+            style: {
+              position: "absolute",
+              right: s,
+              bottom: s
+            },
+            onPress: o,
+            testID: `${p}-indicator-button`,
+            children: [
+              /* @__PURE__ */ t(V, {}),
+              /* @__PURE__ */ t(
+                w,
+                {
+                  size: 14,
+                  style: {
+                    position: "absolute",
+                    right: e ? 8 : 6,
+                    bottom: 16
+                  },
+                  color: f.surface.elevated,
+                  name: "chevron-right",
+                  accessibilityLabel: "chevron-right"
+                }
+              )
+            ]
+          }
+        ) : null,
+        r && !o ? /* @__PURE__ */ c(
+          v,
+          {
+            style: {
+              position: "absolute",
+              right: s,
+              top: s
+            },
+            onPress: r,
+            testID: `${p}-close-button`,
+            children: [
+              /* @__PURE__ */ t(T, {}),
+              /* @__PURE__ */ t(
+                w,
+                {
+                  size: 14,
+                  style: {
+                    position: "absolute",
+                    top: e ? 14 : 12,
+                    right: e ? 14 : 12
+                  },
+                  color: f.surface.elevated,
+                  name: "cross",
+                  accessibilityLabel: "close"
+                }
+              )
+            ]
+          }
+        ) : null
+      ] })
     }
-    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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+export {
+  si as ActionCard
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionCard = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var element_core_1 = require("@ovotech/element-core");
-var masked_view_1 = __importDefault(require("@react-native-masked-view/masked-view"));
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-var __1 = require("../");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var P_1 = require("../P");
-var CloseIconShape_1 = require("./CloseIconShape");
-var IndicatorIconShape_1 = require("./IndicatorIconShape");
-var StyledCard = styled_native_1.default.Pressable(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, inline = _a.inline, inverted = _a.inverted, reducedBottomPadding = _a.reducedBottomPadding;
-    var paddingVal = inline ? core.space[4] : core.space[6];
-    var reducedBottomPaddingVal = inline ? core.space[3] : core.space[5];
-    return "\n      border-radius: ".concat(inline ? (0, element_core_1.numToPx)(core.space[6]) : 0, ";\n      background-color: ").concat(inverted ? semantic.inverted.surface : semantic.surface.elevated, ";\n      padding: ").concat((0, element_core_1.numToPx)(paddingVal), ";\n      padding-bottom: ").concat((0, element_core_1.numToPx)(reducedBottomPadding ? reducedBottomPaddingVal : paddingVal), ";\n      overflow: hidden;\n      border-width: 0;\n      width: 100%;\n    ");
-});
-var StyledP = (0, styled_native_1.default)(P_1.P)(function (_a) {
-    var semantic = _a.theme.semantic, inverted = _a.inverted;
-    return "\n    color: ".concat(inverted ? semantic.inverted.message.base : semantic.message.base, ";\n");
-});
-var ActionCard = function (_a) {
-    var onPressCloseButton = _a.onPressCloseButton, onPressActionButton = _a.onPressActionButton, onPressIndicator = _a.onPressIndicator, onMount = _a.onMount, body = _a.body, title = _a.title, buttonTitle = _a.buttonTitle, ctaVariant = _a.ctaVariant, image = _a.image, testID = _a.testID, _b = _a.accessibilityLabel, accessibilityLabel = _b === void 0 ? 'image' : _b, _c = _a.inverted, inverted = _c === void 0 ? true : _c, _d = _a.inline, inline = _d === void 0 ? false : _d;
-    var _e = (0, react_1.useContext)(styled_native_1.ThemeContext), core = _e.core, semantic = _e.semantic;
-    (0, react_1.useEffect)(function () {
-        if (onMount) {
-            onMount();
-        }
-    }, []);
-    var Heading = inline ? __1.Heading3 : __1.Heading2;
-    var cardPadding = core.space[inline ? 4 : 6];
-    var negativeMarginAdjustment = -cardPadding;
-    return ((0, jsx_runtime_1.jsx)(StyledCard, { onPress: onPressIndicator, inline: inline, inverted: inverted, reducedBottomPadding: Boolean(buttonTitle && !ctaVariant), testID: "".concat(testID, "-card"), children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: 'row' }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1 }, children: (0, jsx_runtime_1.jsxs)(__1.Stack, { spaceBetween: 2, children: [(0, jsx_runtime_1.jsx)(Heading, { style: {
-                                    color: inverted
-                                        ? semantic.inverted.message.link
-                                        : semantic.message.branded,
-                                    paddingRight: image || !onPressCloseButton ? 0 : cardPadding,
-                                }, testID: "".concat(testID, "-heading"), children: title }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [typeof body === 'string' ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
-                                            paddingRight: !image && !title && onPressCloseButton ? cardPadding : 0,
-                                        }, children: (0, jsx_runtime_1.jsx)(StyledP, { inverted: inverted, children: body }) })) : (body), buttonTitle && onPressActionButton && !onPressIndicator ? (!ctaVariant ? ((0, jsx_runtime_1.jsx)(__1.Margin, { top: 2, children: (0, jsx_runtime_1.jsx)(__1.Action, { inverted: inverted, inline: true, onPress: onPressActionButton, testID: "".concat(testID, "-button"), iconRight: "chevron-right-small", children: buttonTitle }) })) : ((0, jsx_runtime_1.jsx)(__1.Margin, { top: 4, children: (0, jsx_runtime_1.jsx)(__1.CTAButton, { onPress: onPressActionButton, testID: "".concat(testID, "-button"), variant: ctaVariant, children: buttonTitle }) }))) : null] })] }) }), image ? ((0, jsx_runtime_1.jsx)(masked_view_1.default, { style: {
-                        flex: 1,
-                        flexDirection: 'row',
-                        height: '100%',
-                        marginTop: negativeMarginAdjustment,
-                        marginRight: negativeMarginAdjustment,
-                    }, maskElement: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
-                            width: '100%',
-                            height: 165,
-                            backgroundColor: 'olive',
-                            transform: [
-                                { rotate: '-16deg' },
-                                { translateX: 40 },
-                                { translateY: 25 },
-                            ],
-                        } }), children: (0, jsx_runtime_1.jsx)(react_native_1.Image, { resizeMode: "cover", source: image, style: {
-                            width: '100%',
-                            height: 200,
-                            position: 'absolute',
-                            top: 0,
-                            right: 0,
-                        }, accessible: true, accessibilityRole: "image", accessibilityLabel: accessibilityLabel }) })) : null, onPressIndicator ? ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { style: {
-                        position: 'absolute',
-                        right: negativeMarginAdjustment,
-                        bottom: negativeMarginAdjustment,
-                    }, onPress: onPressIndicator, testID: "".concat(testID, "-indicator-button"), children: [(0, jsx_runtime_1.jsx)(IndicatorIconShape_1.IndicatorIconShape, {}), (0, jsx_runtime_1.jsx)(__1.Icon, { size: 14, style: {
-                                position: 'absolute',
-                                right: inline ? 8 : 6,
-                                bottom: 16,
-                            }, color: semantic.surface.elevated, name: "chevron-right", accessibilityLabel: "chevron-right" })] })) : null, onPressCloseButton && !onPressIndicator ? ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { style: {
-                        position: 'absolute',
-                        right: negativeMarginAdjustment,
-                        top: negativeMarginAdjustment,
-                    }, onPress: onPressCloseButton, testID: "".concat(testID, "-close-button"), children: [(0, jsx_runtime_1.jsx)(CloseIconShape_1.CloseIconShape, {}), (0, jsx_runtime_1.jsx)(__1.Icon, { size: 14, style: {
-                                position: 'absolute',
-                                top: inline ? 14 : 12,
-                                right: inline ? 14 : 12,
-                            }, color: semantic.surface.elevated, name: "cross", accessibilityLabel: "close" })] })) : null] }) }));
-};
-exports.ActionCard = ActionCard;

package/dist/components/ActionCard/CloseIconShape.js

@@ -1,41 +1,15 @@
-"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;
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import r, { Path as h, Defs as s, ClipPath as d } from "react-native-svg";
+import { s as l } from "../../styled.native-KEscfVp7.js";
+import "react";
+const f = l(h)(
+  ({ theme: { semantic: t }, color: i }) => `
+  fill: ${i ?? t.message.branded}
+`
+), c = ({ color: t }) => /* @__PURE__ */ o(r, { width: 44, height: 44, children: [
+  /* @__PURE__ */ e(f, { color: t, d: "M11.632 44 0 0h44v35.402L11.632 44Z" }),
+  /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(d, { id: "a", children: /* @__PURE__ */ e(h, { fill: "#fff", d: "M16 16h12v12H16z" }) }) })
+] });
+export {
+  c as CloseIconShape
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CloseIconShape = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_native_svg_1 = __importStar(require("react-native-svg"));
-var styled_native_1 = __importDefault(require("../../styled.native"));
-var StyledPath = (0, styled_native_1.default)(react_native_svg_1.Path)(function (_a) {
-    var semantic = _a.theme.semantic, color = _a.color;
-    return "\n  fill: ".concat(color !== null && color !== void 0 ? color : semantic.message.branded, "\n");
-});
-var CloseIconShape = function (_a) {
-    var color = _a.color;
-    return ((0, jsx_runtime_1.jsxs)(react_native_svg_1.default, { width: 44, height: 44, children: [(0, jsx_runtime_1.jsx)(StyledPath, { color: color, d: "M11.632 44 0 0h44v35.402L11.632 44Z" }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Defs, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.ClipPath, { id: "a", children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fill: "#fff", d: "M16 16h12v12H16z" }) }) })] }));
-};
-exports.CloseIconShape = CloseIconShape;

package/dist/components/ActionCard/IndicatorIconShape.js

@@ -1,41 +1,12 @@
-"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;
+import { jsx as o } from "react/jsx-runtime";
+import r, { Path as i } from "react-native-svg";
+import { s as m } from "../../styled.native-KEscfVp7.js";
+import "react";
+const d = m(i)(
+  ({ theme: { semantic: t }, color: e }) => `
+  fill: ${e ?? t.message.branded}
+`
+), p = ({ color: t }) => /* @__PURE__ */ o(r, { width: 32, height: 48, children: /* @__PURE__ */ o(d, { color: t, d: "M0 9.5 32 1v47H10.5L0 9.5Z" }) });
+export {
+  p as IndicatorIconShape
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IndicatorIconShape = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_native_svg_1 = __importStar(require("react-native-svg"));
-var styled_native_1 = __importDefault(require("../../styled.native"));
-var StyledPath = (0, styled_native_1.default)(react_native_svg_1.Path)(function (_a) {
-    var semantic = _a.theme.semantic, color = _a.color;
-    return "\n  fill: ".concat(color !== null && color !== void 0 ? color : semantic.message.branded, "\n");
-});
-var IndicatorIconShape = function (_a) {
-    var color = _a.color;
-    return ((0, jsx_runtime_1.jsx)(react_native_svg_1.default, { width: 32, height: 48, children: (0, jsx_runtime_1.jsx)(StyledPath, { color: color, d: "M0 9.5 32 1v47H10.5L0 9.5Z" }) }));
-};
-exports.IndicatorIconShape = IndicatorIconShape;