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

package/dist/components/List/List.d.ts

@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
 import { TextProps, ViewProps } from 'react-native';
 declare const Li: ({ children }: PropsWithChildren<TextProps>) => JSX.Element;
 declare const Ul: (props: PropsWithChildren<ViewProps & {
-    showBullets?: boolean;
+    showBullets?: boolean | undefined;
 }>) => JSX.Element;
 declare const Ol: (props: PropsWithChildren<ViewProps>) => JSX.Element;
 export { Li, Ol, Ul };

package/dist/components/List/List.js

@@ -1,40 +1,34 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { Children as p } from "react";
-import { View as u } from "react-native";
-import { Margin as i } from "../Margin/Margin.js";
-import { Stack as n } from "../Stack/Stack.js";
-import { FlexRow as d, TextBullet as h, SquareBullet as f, LiContent as a } from "./styled.js";
-import "../../utils-HsZygzDh.js";
-import "../../hooks/use-breakpoint.js";
-import "../../styled.native-KEscfVp7.js";
-import "../../utils/utils.js";
-const x = ({
-  children: r,
-  showBullets: t = !0,
-  prefix: o
-}) => /* @__PURE__ */ m(d, { children: [
-  o ? /* @__PURE__ */ e(h, { children: o }) : /* @__PURE__ */ e(f, { visible: t }),
-  /* @__PURE__ */ e(a, { children: r })
-] }), l = ({
-  children: r,
-  listType: t,
-  showBullets: o
-}) => p.map(r, (c, s) => /* @__PURE__ */ e(
-  x,
-  {
-    prefix: t === "ol" ? `${s + 1}.` : void 0,
-    showBullets: o,
-    children: c
-  }
-)), g = ({ children: r }) => /* @__PURE__ */ e(u, { style: { flexDirection: "column" }, children: r }), k = (r) => {
-  const { children: t, showBullets: o } = r;
-  return /* @__PURE__ */ e(i, { top: 2, children: /* @__PURE__ */ e(n, { spaceBetween: 2, children: l({ children: t, listType: "ul", showBullets: o }) }) });
-}, q = (r) => {
-  const { children: t } = r;
-  return /* @__PURE__ */ e(i, { top: 2, children: /* @__PURE__ */ e(n, { spaceBetween: 2, children: l({ children: t, listType: "ol" }) }) });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ul = exports.Ol = exports.Li = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var utils_1 = require("../../utils");
+var Margin_1 = require("../Margin");
+var Stack_1 = require("../Stack");
+var styled_1 = require("./styled");
+var ListItem = function (_a) {
+    var children = _a.children, _b = _a.showBullets, showBullets = _b === void 0 ? true : _b, prefix = _a.prefix;
+    return ((0, jsx_runtime_1.jsxs)(styled_1.FlexRow, { children: [prefix ? ((0, jsx_runtime_1.jsx)(styled_1.TextBullet, { children: prefix })) : ((0, jsx_runtime_1.jsx)(styled_1.SquareBullet, { visible: showBullets })), (0, jsx_runtime_1.jsx)(styled_1.LiContent, { children: children })] }));
 };
-export {
-  g as Li,
-  q as Ol,
-  k as Ul
+var renderList = function (_a) {
+    var children = _a.children, listType = _a.listType, showBullets = _a.showBullets;
+    var validChildren = (0, utils_1.getValidChildren)(children);
+    return react_1.Children.map(validChildren, function (child, index) { return ((0, jsx_runtime_1.jsx)(ListItem, { prefix: listType === 'ol' ? "".concat(index + 1, ".") : undefined, showBullets: showBullets, children: child })); });
 };
+var Li = function (_a) {
+    var children = _a.children;
+    return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexDirection: 'column' }, children: children });
+};
+exports.Li = Li;
+var Ul = function (props) {
+    var children = props.children, showBullets = props.showBullets;
+    return ((0, jsx_runtime_1.jsx)(Margin_1.Margin, { top: 2, children: (0, jsx_runtime_1.jsx)(Stack_1.Stack, { spaceBetween: 2, children: renderList({ children: children, listType: 'ul', showBullets: showBullets }) }) }));
+};
+exports.Ul = Ul;
+var Ol = function (props) {
+    var children = props.children;
+    return ((0, jsx_runtime_1.jsx)(Margin_1.Margin, { top: 2, children: (0, jsx_runtime_1.jsx)(Stack_1.Stack, { spaceBetween: 2, children: renderList({ children: children, listType: 'ol' }) }) }));
+};
+exports.Ol = Ol;

package/dist/components/List/index.js

@@ -1,16 +1,7 @@
-import { Li as U, Ol as a, Ul as b } from "./List.js";
-import "react/jsx-runtime";
-import "react";
-import "react-native";
-import "../Margin/Margin.js";
-import "../../utils-HsZygzDh.js";
-import "../../hooks/use-breakpoint.js";
-import "../../styled.native-KEscfVp7.js";
-import "../../utils/utils.js";
-import "../Stack/Stack.js";
-import "./styled.js";
-export {
-  U as Li,
-  a as Ol,
-  b as Ul
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Li = exports.Ul = exports.Ol = void 0;
+var List_1 = require("./List");
+Object.defineProperty(exports, "Ol", { enumerable: true, get: function () { return List_1.Ol; } });
+Object.defineProperty(exports, "Ul", { enumerable: true, get: function () { return List_1.Ul; } });
+Object.defineProperty(exports, "Li", { enumerable: true, get: function () { return List_1.Li; } });

package/dist/components/List/styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ViewProps } from 'react-native';
 import { Breakpoints } from '../../hooks';
 export declare const SquareBullet: import("styled-components").StyledComponent<typeof import("react-native").View, {
@@ -359,6 +360,8 @@ export declare const SquareBullet: import("styled-components").StyledComponent<t
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -369,6 +372,8 @@ export declare const SquareBullet: import("styled-components").StyledComponent<t
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -379,6 +384,8 @@ export declare const SquareBullet: import("styled-components").StyledComponent<t
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -840,6 +847,8 @@ export declare const TextBullet: import("styled-components").StyledComponent<typ
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -850,6 +859,8 @@ export declare const TextBullet: import("styled-components").StyledComponent<typ
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -860,6 +871,8 @@ export declare const TextBullet: import("styled-components").StyledComponent<typ
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -1319,6 +1332,8 @@ export declare const FlexRow: import("styled-components").StyledComponent<typeof
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -1329,6 +1344,8 @@ export declare const FlexRow: import("styled-components").StyledComponent<typeof
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -1339,6 +1356,8 @@ export declare const FlexRow: import("styled-components").StyledComponent<typeof
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -1798,6 +1817,8 @@ export declare const LiContent: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -1808,6 +1829,8 @@ export declare const LiContent: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -1818,6 +1841,8 @@ export declare const LiContent: import("styled-components").StyledComponent<type
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {

package/dist/components/List/styled.js

@@ -1,38 +1,53 @@
-import { n as t } from "../../utils-HsZygzDh.js";
-import { s as n, c as o } from "../../styled.native-KEscfVp7.js";
-import "react";
-const p = n.View(({ theme: { core: e, semantic: s }, visible: i, smallAndUp: l }) => {
-  const g = ((l ? e.lineHeight.body.large : e.lineHeight.body.small) - e.space[2]) / 2;
-  return o`
-    align-self: flex-start;
-    width: ${t(e.space[2])};
-    height: ${t(e.space[2])};
-    margin-right: ${t(e.space[2])};
-    margin-top: ${t(g)};
-    background-color: ${i ? s.message.base : "transparent"};
-  `;
-}), c = n.Text(
-  ({ theme: { core: e, semantic: s }, smallAndUp: i }) => {
-    const l = i ? e.fontSize.body.large : e.fontSize.body.small, a = i ? e.lineHeight.body.large : e.lineHeight.body.small;
-    return o`
-      margin-right: ${t(e.space[1])};
-      min-width: ${t(e.space[3])};
-      min-height: ${t(e.space[3])};
-      font-size: ${t(l)};
-      line-height: ${t(a)};
-      text-align: left;
-      color: ${s.message.base};
-    `;
-  }
-), f = n.View`
-  flex-direction: row;
-`, d = n.View`
-  flex-direction: column;
-  flex: 1;
-`;
-export {
-  f as FlexRow,
-  d as LiContent,
-  p as SquareBullet,
-  c as TextBullet
+"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 __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.LiContent = exports.FlexRow = exports.TextBullet = exports.SquareBullet = void 0;
+var element_core_1 = require("@ovotech/element-core");
+var styled_native_1 = __importStar(require("../../styled.native"));
+exports.SquareBullet = styled_native_1.default.View(function (_a) {
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic, visible = _a.visible, smallAndUp = _a.smallAndUp;
+    var lineHeight = smallAndUp
+        ? core.lineHeight.body.large
+        : core.lineHeight.body.small;
+    var topMargin = (lineHeight - core.space[2]) / 2;
+    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    align-self: flex-start;\n    width: ", ";\n    height: ", ";\n    margin-right: ", ";\n    margin-top: ", ";\n    background-color: ", ";\n  "], ["\n    align-self: flex-start;\n    width: ", ";\n    height: ", ";\n    margin-right: ", ";\n    margin-top: ", ";\n    background-color: ", ";\n  "])), (0, element_core_1.numToPx)(core.space[2]), (0, element_core_1.numToPx)(core.space[2]), (0, element_core_1.numToPx)(core.space[2]), (0, element_core_1.numToPx)(topMargin), visible ? semantic.message.base : 'transparent');
+});
+exports.TextBullet = styled_native_1.default.Text(function (_a) {
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
+    var fontSize = smallAndUp
+        ? core.fontSize.body.large
+        : core.fontSize.body.small;
+    var lineHeight = smallAndUp
+        ? core.lineHeight.body.large
+        : core.lineHeight.body.small;
+    return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      margin-right: ", ";\n      min-width: ", ";\n      min-height: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      text-align: left;\n      color: ", ";\n    "], ["\n      margin-right: ", ";\n      min-width: ", ";\n      min-height: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      text-align: left;\n      color: ", ";\n    "])), (0, element_core_1.numToPx)(core.space[1]), (0, element_core_1.numToPx)(core.space[3]), (0, element_core_1.numToPx)(core.space[3]), (0, element_core_1.numToPx)(fontSize), (0, element_core_1.numToPx)(lineHeight), semantic.message.base);
+});
+exports.FlexRow = styled_native_1.default.View(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-direction: row;\n"], ["\n  flex-direction: row;\n"])));
+exports.LiContent = styled_native_1.default.View(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex-direction: column;\n  flex: 1;\n"], ["\n  flex-direction: column;\n  flex: 1;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/Margin/Margin.d.ts

@@ -1,7 +1,7 @@
 import { SpaceKey } from '@ovotech/element-core';
 import { ComponentProps } from 'react';
 import { Breakpoints } from '../../hooks';
-declare type MProps = {
+type MProps = {
     mTop?: SpaceKey | SpaceKey[];
     mBottom?: SpaceKey | SpaceKey[];
     mLeft?: SpaceKey | SpaceKey[];
@@ -370,6 +370,8 @@ declare const StyledMargin: import("styled-components").StyledComponent<typeof i
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -380,6 +382,8 @@ declare const StyledMargin: import("styled-components").StyledComponent<typeof i
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -390,6 +394,8 @@ declare const StyledMargin: import("styled-components").StyledComponent<typeof i
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
+                messageInverted: string;
+                surfaceInverted: string;
             };
         };
         heading1: {
@@ -490,7 +496,7 @@ declare const StyledMargin: import("styled-components").StyledComponent<typeof i
         };
     };
 }, MProps, never>;
-declare type Props = Omit<ComponentProps<typeof StyledMargin>, 'mTop' | 'mBottom' | 'mLeft' | 'mRight' | 'breakpoints'> & {
+type Props = Omit<ComponentProps<typeof StyledMargin>, 'mTop' | 'mBottom' | 'mLeft' | 'mRight' | 'breakpoints'> & {
     top?: SpaceKey | SpaceKey[];
     bottom?: SpaceKey | SpaceKey[];
     left?: SpaceKey | SpaceKey[];

package/dist/components/Margin/Margin.js

@@ -1,70 +1,52 @@
-import { jsx as u } from "react/jsx-runtime";
-import { n as a } from "../../utils-HsZygzDh.js";
-import "react";
-import { useBreakpoint as c } from "../../hooks/use-breakpoint.js";
-import { s as x } from "../../styled.native-KEscfVp7.js";
-import { responsiveStyle as t } from "../../utils/utils.js";
-import "react-native";
-const y = x.View(
-  ({
-    theme: {
-      core: { space: e }
-    },
-    mTop: g,
-    mBottom: i,
-    mLeft: n,
-    mRight: $,
-    horizontal: o,
-    vertical: f,
-    all: p,
-    breakpoints: m
-  }) => {
-    const r = (s) => a(e[s]);
-    return `
-    ${o ? `
-            ${t(
-      "margin-left",
-      o,
-      m,
-      r
-    )}
-            ${t(
-      "margin-right",
-      o,
-      m,
-      r
-    )}
-          ` : ""}
-    ${f ? `
-            ${t("margin-top", f, m, r)}
-            ${t(
-      "margin-bottom",
-      f,
-      m,
-      r
-    )}
-          ` : ""}
-    ${g ? t("margin-top", g, m, r) : ""}
-    ${i ? t("margin-bottom", i, m, r) : ""}
-    ${n ? t("margin-left", n, m, r) : ""}
-    ${$ ? t("margin-right", $, m, r) : ""}
-    ${p ? t("margin", p, m, r) : ""}
-  `;
-  }
-), P = ({ top: e, bottom: g, left: i, right: n, ...$ }) => {
-  const o = c();
-  return /* @__PURE__ */ u(
-    y,
-    {
-      ...$,
-      breakpoints: o,
-      mTop: e,
-      mBottom: g,
-      mLeft: i,
-      mRight: n
-    }
-  );
+"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);
 };
-export {
-  P as Margin
+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;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Margin = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var element_core_1 = require("@ovotech/element-core");
+var hooks_1 = require("../../hooks");
+var styled_native_1 = __importDefault(require("../../styled.native"));
+var utils_1 = require("../../utils");
+var StyledMargin = styled_native_1.default.View(function (_a) {
+    var space = _a.theme.core.space, mTop = _a.mTop, mBottom = _a.mBottom, mLeft = _a.mLeft, mRight = _a.mRight, horizontal = _a.horizontal, vertical = _a.vertical, all = _a.all, breakpoints = _a.breakpoints;
+    var formatter = function (spaceKey) { return (0, element_core_1.numToPx)(space[spaceKey]); };
+    return "\n    ".concat(horizontal
+        ? "\n            ".concat((0, utils_1.responsiveStyle)('margin-left', horizontal, breakpoints, formatter), "\n            ").concat((0, utils_1.responsiveStyle)('margin-right', horizontal, breakpoints, formatter), "\n          ")
+        : '', "\n    ").concat(vertical
+        ? "\n            ".concat((0, utils_1.responsiveStyle)('margin-top', vertical, breakpoints, formatter), "\n            ").concat((0, utils_1.responsiveStyle)('margin-bottom', vertical, breakpoints, formatter), "\n          ")
+        : '', "\n    ").concat(mTop ? (0, utils_1.responsiveStyle)('margin-top', mTop, breakpoints, formatter) : '', "\n    ").concat(mBottom
+        ? (0, utils_1.responsiveStyle)('margin-bottom', mBottom, breakpoints, formatter)
+        : '', "\n    ").concat(mLeft ? (0, utils_1.responsiveStyle)('margin-left', mLeft, breakpoints, formatter) : '', "\n    ").concat(mRight
+        ? (0, utils_1.responsiveStyle)('margin-right', mRight, breakpoints, formatter)
+        : '', "\n    ").concat(all ? (0, utils_1.responsiveStyle)('margin', all, breakpoints, formatter) : '', "\n  ");
+});
+var Margin = function (_a) {
+    var top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, rest = __rest(_a, ["top", "bottom", "left", "right"]);
+    var breakpoints = (0, hooks_1.useBreakpoint)();
+    return ((0, jsx_runtime_1.jsx)(StyledMargin, __assign({}, rest, { breakpoints: breakpoints, mTop: top, mBottom: bottom, mLeft: left, mRight: right })));
+};
+exports.Margin = Margin;

package/dist/components/Margin/index.js

@@ -1,11 +1,5 @@
-import { Margin as g } from "./Margin.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 "../../utils/utils.js";
-export {
-  g as Margin
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Margin = void 0;
+var Margin_1 = require("./Margin");
+Object.defineProperty(exports, "Margin", { enumerable: true, get: function () { return Margin_1.Margin; } });

package/dist/components/NavHeader/IconButton.d.ts

@@ -1,10 +1,10 @@
 import { ComplexAnimationBuilder } from 'react-native-reanimated';
 import { IconNameExtended } from '../../providers';
-export declare type RightActionConfig = {
+export type RightActionConfig = {
     iconName?: IconNameExtended;
     onActionPress?: () => void;
 };
-declare type IconButtonProps = {
+type IconButtonProps = {
     size: 'small' | 'large';
     animation: ComplexAnimationBuilder;
     rightActionConfig?: RightActionConfig;

package/dist/components/NavHeader/IconButton.js

@@ -1,121 +1,20 @@
-import { jsx as r } from "react/jsx-runtime";
-import { t as e } from "../../theme-web-MrdqV6Ln.js";
-import { Pressable as s } from "react-native";
-import { Icon as l } from "../Icon/Icon.js";
-import { StyledIconButtonS as a, StyledIconButtonL as d } from "./NavHeader.styles.js";
-import "react";
-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";
-import "../../styled.native-KEscfVp7.js";
-import "../../utils-HsZygzDh.js";
-import "react-native-reanimated";
-const Cm = ({
-  size: p,
-  animation: t,
-  rightActionConfig: m
-}) => {
-  const o = p === "small" ? a : d;
-  return !m || !(m != null && m.iconName) ? null : /* @__PURE__ */ r(
-    s,
-    {
-      hitSlop: 44,
-      pressRetentionOffset: 44,
-      onPress: m == null ? void 0 : m.onActionPress,
-      children: ({ pressed: i }) => /* @__PURE__ */ r(o, { entering: t, $pressed: i, children: /* @__PURE__ */ r(
-        l,
-        {
-          name: m.iconName,
-          size: p === "small" ? 16 : 18,
-          color: e.semantic.inverted.message.base
-        }
-      ) })
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconButton = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var element_core_1 = require("@ovotech/element-core");
+var react_native_1 = require("react-native");
+var Icon_1 = require("../Icon");
+var NavHeader_styles_1 = require("./NavHeader.styles");
+var IconButton = function (_a) {
+    var size = _a.size, animation = _a.animation, rightActionConfig = _a.rightActionConfig;
+    var ButtonStyled = size === 'small' ? NavHeader_styles_1.StyledIconButtonS : NavHeader_styles_1.StyledIconButtonL;
+    if (!rightActionConfig || !(rightActionConfig === null || rightActionConfig === void 0 ? void 0 : rightActionConfig.iconName)) {
+        return null;
     }
-  );
-};
-export {
-  Cm as IconButton
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { hitSlop: 44, pressRetentionOffset: 44, onPress: rightActionConfig === null || rightActionConfig === void 0 ? void 0 : rightActionConfig.onActionPress, children: function (_a) {
+            var pressed = _a.pressed;
+            return ((0, jsx_runtime_1.jsx)(ButtonStyled, { entering: animation, "$pressed": pressed, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: rightActionConfig.iconName, size: size === 'small' ? 16 : 18, color: element_core_1.theme.semantic.inverted.message.base }) }));
+        } }));
 };
+exports.IconButton = IconButton;