@ovotech/element-native 3.3.2-canary-71b07de-141 → 3.3.2

package/dist/components/Heading4/Heading4.js

@@ -1,71 +0,0 @@
-"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.Heading4 = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var hooks_1 = require("../../hooks");
-var styled_native_1 = __importStar(require("../../styled.native"));
-var utils_1 = require("../../utils");
-var calculateLetterSpacing = function (fontSize, letterSpacing) {
-    return (0, utils_1.numToPx)((0, utils_1.pxToNumber)(fontSize) * letterSpacing);
-};
-var StyledHeading4 = styled_native_1.default.Text(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
-    var fontSize = core.fontSize.heading4[smallAndUp ? 'large' : 'small'];
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "], ["\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n    "])), core.fontFamily.bodyBold.native, fontSize, core.lineHeight.heading4[smallAndUp ? 'large' : 'small'], calculateLetterSpacing(fontSize, core.letterSpacing.compressed), semantic.message.branded);
-});
-var Heading4 = function (_a) {
-    var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
-    var breakpoints = (0, hooks_1.useBreakpoint)();
-    return ((0, jsx_runtime_1.jsx)(StyledHeading4, __assign({ accessibilityRole: accessibilityRole }, breakpoints, rest)));
-};
-exports.Heading4 = Heading4;
-var templateObject_1;

package/dist/components/Heading4/index.d.ts

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

package/dist/components/Heading4/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Heading4 = void 0;
-var Heading4_1 = require("./Heading4");
-Object.defineProperty(exports, "Heading4", { enumerable: true, get: function () { return Heading4_1.Heading4; } });

package/dist/components/LineThrough/LineThrough.d.ts

@@ -1,228 +0,0 @@
-export declare const LineThrough: import("styled-components").StyledComponent<typeof import("react-native").Text, {
-    core: {
-        radius: Record<"small" | "medium" | "large" | "max", string>;
-        borderWidth: Record<"small" | "medium" | "large", string>;
-        breakpoint: Record<"small" | "medium" | "large", string | number>;
-        mediaQuery: Record<"small" | "medium" | "large", string>;
-        space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
-        transition: Record<"medium" | "slow" | "fast", string>;
-        opacity: Record<"solid" | "transparent" | "translucent", string | number>;
-        color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
-            lightest: string;
-            lighter: string;
-            light: string;
-            base: string;
-            dark: string;
-            darker: string;
-            darkest: string;
-        }> & {
-            brand: Record<string, string>;
-        };
-        fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
-            native: string;
-            web: string;
-        }>;
-        fontWeight: Record<"bold" | "book" | "black", string | number>;
-        fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
-            small: string | number;
-            large: string | number;
-        }>;
-        lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
-            small: string | number;
-            large: string | number;
-        }>;
-        letterSpacing: Record<"base" | "compressed" | "extraCompressed", number>;
-    };
-    semantic: {
-        surface: Record<"base" | "cutout" | "elevated", string>;
-        message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
-        border: Record<"graphic" | "differentiated" | "functional", string>;
-        focus: Record<"surface" | "outline" | "hover", string>;
-        inverted: Record<"surface" | "border", string> & {
-            message: Record<"base" | "link" | "secondary" | "branded", string>;
-        };
-        success: {
-            border: string;
-            surface: string;
-            surfaceEmphasis: string;
-            message: string;
-            messageOnEmphasis: string;
-        };
-        warning: {
-            border: string;
-            surface: string;
-            surfaceEmphasis: string;
-            message: string;
-            messageOnEmphasis: string;
-        };
-        error: {
-            border: string;
-            surface: string;
-            surfaceEmphasis: string;
-            message: string;
-            messageOnEmphasis: string;
-        };
-        info: {
-            border: string;
-            surface: string;
-            surfaceEmphasis: string;
-            message: string;
-            messageOnEmphasis: string;
-        };
-        data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
-    };
-    component: {
-        heading1: {
-            fontFamily: string;
-            fontWeight: string | number;
-            fontSize: {
-                small: string | number;
-                large: string | number;
-            };
-            lineHeight: {
-                small: string | number;
-                large: string | number;
-            };
-        };
-        heading2: {
-            fontFamily: string;
-            fontWeight: string | number;
-            fontSize: {
-                small: string | number;
-                large: string | number;
-            };
-            lineHeight: {
-                small: string | number;
-                large: string | number;
-            };
-        };
-        heading3: {
-            fontFamily: string;
-            fontWeight: string | number;
-            fontSize: {
-                small: string | number;
-                large: string | number;
-            };
-            lineHeight: {
-                small: string | number;
-                large: string | number;
-            };
-        };
-        heading4: {
-            fontFamily: string;
-            fontWeight: string | number;
-            fontSize: {
-                small: string | number;
-                large: string | number;
-            };
-            lineHeight: {
-                small: string | number;
-                large: string | number;
-            };
-        };
-        lead: {
-            fontFamily: string;
-            fontWeight: string | number;
-            fontSize: {
-                small: string | number;
-                large: string | number;
-            };
-            lineHeight: {
-                small: string | number;
-                large: string | number;
-            };
-        };
-        body: {
-            fontFamily: string;
-            fontWeight: string | number;
-            fontSize: {
-                small: string | number;
-                large: string | number;
-            };
-            lineHeight: {
-                small: string | number;
-                large: string | number;
-            };
-        };
-        small: {
-            fontFamily: string;
-            fontWeight: string | number;
-            fontSize: {
-                small: string | number;
-                large: string | number;
-            };
-            lineHeight: {
-                small: string | number;
-                large: string | number;
-            };
-        };
-        label: {
-            fontFamily: string;
-            fontWeight: string | number;
-            fontSize: {
-                small: string | number;
-                large: string | number;
-            };
-            lineHeight: {
-                small: string | number;
-                large: string | number;
-            };
-        };
-        cta: {
-            primary: {
-                message: string;
-                surface: string;
-                messageHover: string;
-                surfaceHover: string;
-                messageFocused: string;
-                surfaceFocused: string;
-                outlineFocused: string;
-                backgroundFocused: string;
-            };
-            secondary: {
-                message: string;
-                surface: string;
-                messageHover: string;
-                surfaceHover: string;
-                messageFocused: string;
-                surfaceFocused: string;
-                outlineFocused: string;
-                backgroundFocused: string;
-            };
-            destructive: {
-                message: string;
-                surface: string;
-                messageHover: string;
-                surfaceHover: string;
-                messageFocused: string;
-                surfaceFocused: string;
-                outlineFocused: string;
-                backgroundFocused: string;
-            };
-        };
-        badge: {
-            variants: {
-                red: {
-                    foreground: string;
-                    background: string;
-                };
-                orange: {
-                    foreground: string;
-                    background: string;
-                };
-                yellow: {
-                    foreground: string;
-                    background: string;
-                };
-                green: {
-                    foreground: string;
-                    background: string;
-                };
-                blue: {
-                    foreground: string;
-                    background: string;
-                };
-            };
-        };
-    };
-}, {}, never>;

package/dist/components/LineThrough/index.d.ts

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

package/dist/components/LineThrough/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LineThrough = void 0;
-var LineThrough_1 = require("./LineThrough");
-Object.defineProperty(exports, "LineThrough", { enumerable: true, get: function () { return LineThrough_1.LineThrough; } });

package/dist/components/List/styled.js

@@ -1,70 +0,0 @@
-"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.StyledLi = exports.StyledList = exports.StyledOlItem = exports.StyledUlItem = exports.StyledBullet = exports.UlBullet = void 0;
-var styled_native_1 = __importStar(require("../../styled.native"));
-var utils_1 = require("../../utils");
-exports.UlBullet = styled_native_1.default.View(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, _c = _a.visible, visible = _c === void 0 ? true : _c, smallAndUp = _a.smallAndUp;
-    var lineHeight = smallAndUp
-        ? core.lineHeight.body.large
-        : core.lineHeight.body.small;
-    var topMargin = ((0, utils_1.pxToNumber)(lineHeight) - (0, utils_1.pxToNumber)(core.space[2])) / 2;
-    return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    margin-right: ", ";\n    margin-top: ", "px;\n    width: ", ";\n    height: ", ";\n    background-color: ", ";\n  "], ["\n    margin-right: ", ";\n    margin-top: ", "px;\n    width: ", ";\n    height: ", ";\n    background-color: ", ";\n  "])), core.space[2], topMargin, core.space[2], core.space[2], visible ? semantic.message.base : 'transparent');
-});
-exports.StyledBullet = 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      font-family: ", ";\n      line-height: ", ";\n      color: ", ";\n      font-size: ", ";\n      margin-right: ", ";\n      width: ", ";\n      text-align: right;\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      color: ", ";\n      font-size: ", ";\n      margin-right: ", ";\n      width: ", ";\n      text-align: right;\n    "])), core.fontFamily.body.native, lineHeight, semantic.message.base, fontSize, core.space[2], core.space[4]);
-});
-exports.StyledUlItem = styled_native_1.default.View(function (_a) {
-    var core = _a.theme.core, level = _a.level;
-    return (0, styled_native_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: center;\n    padding-left: ", ";\n  "], ["\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: center;\n    padding-left: ", ";\n  "])), core.space[level]);
-});
-exports.StyledOlItem = exports.StyledUlItem;
-exports.StyledList = styled_native_1.default.View(function (_a) {
-    var core = _a.theme.core, smallAndUp = _a.smallAndUp;
-    return (0, styled_native_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    flex-direction: column;\n    flex: 1;\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    flex-direction: column;\n    flex: 1;\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), smallAndUp ? core.space[3] : core.space[2], smallAndUp ? core.space[3] : core.space[2]);
-});
-exports.StyledLi = 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.large;
-    return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      font-family: ", ";\n      line-height: ", ";\n      color: ", ";\n      font-size: ", ";\n      flex: 1;\n    "], ["\n      font-family: ", ";\n      line-height: ", ";\n      color: ", ";\n      font-size: ", ";\n      flex: 1;\n    "])), core.fontFamily.body.native, lineHeight, semantic.message.base, fontSize);
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

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

package/dist/components/NavHeader/IconButton.js

@@ -1,31 +0,0 @@
-"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.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;
-    }
-    return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, __assign({ 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, __assign({ 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;