@ovotech/element-native 4.4.9 → 4.5.0

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

@@ -1,78 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { numToPx } from '@ovotech/element-core';
-import styled, { css } from '../../styled.native';
-import { Icon } from '../Icon/Icon';
-export var StyledButtonWrapper = styled.TouchableOpacity(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-self: flex-start;\n  flex-direction: row;\n  align-items: flex-start;\n"], ["\n  align-self: flex-start;\n  flex-direction: row;\n  align-items: flex-start;\n"])));
-export var StyledInner = styled.View(function (_a) {
-    var theme = _a.theme, fullWidth = _a.fullWidth, inverted = _a.inverted, variant = _a.variant, size = _a.size, iconOnly = _a.iconOnly, iconRight = _a.iconRight, iconLeft = _a.iconLeft;
-    var borderRadius = numToPx(theme.border.radius['3xl']);
-    var backgroundColor = getBackgroundColor(theme, variant, inverted);
-    var borderColor = getBorderColor(theme, variant, inverted);
-    var minHeight = size === 'default'
-        ? numToPx(theme.space[1100])
-        : numToPx(theme.border.radius['3xl'] * 2 - theme.border.width.sm * 2);
-    var top, right, bottom, left;
-    if (size === 'default') {
-        top = numToPx(theme.space[100]);
-        bottom = numToPx(theme.space[100]);
-        right = numToPx(theme.space[iconRight ? 300 : 500]);
-        left = numToPx(theme.space[iconLeft ? 300 : 500]);
-    }
-    else {
-        top = numToPx(theme.space[200]);
-        bottom = numToPx(theme.space[200]);
-        right = numToPx(theme.space[iconRight ? 500 : 800]);
-        left = numToPx(theme.space[iconLeft ? 500 : 800]);
-    }
-    var padding = "".concat(top, " ").concat(right, " ").concat(bottom, " ").concat(left);
-    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      padding: ", ";\n      background-color: ", ";\n      border-radius: ", ";\n      min-height: ", ";\n      border-style: solid;\n      border-width: ", ";\n      border-color: ", ";\n      justify-content: center;\n      align-items: center;\n      flex-direction: row;\n      flex-grow: ", ";\n      min-width: ", ";\n    "], ["\n      padding: ", ";\n      background-color: ", ";\n      border-radius: ", ";\n      min-height: ", ";\n      border-style: solid;\n      border-width: ", ";\n      border-color: ", ";\n      justify-content: center;\n      align-items: center;\n      flex-direction: row;\n      flex-grow: ", ";\n      min-width: ", ";\n    "])), iconOnly ? '0' : padding, backgroundColor, borderRadius, minHeight, numToPx(theme.border.width.md), borderColor, fullWidth ? '1' : '0', iconOnly ? minHeight : 'auto');
-});
-export var StyledButtonIcon = styled(Icon)(function (_a) {
-    var theme = _a.theme, inverted = _a.inverted, variant = _a.variant, iconLeft = _a.iconLeft, iconRight = _a.iconRight, iconOnly = _a.iconOnly;
-    var color = getIconColor(theme, inverted, variant);
-    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    margin-left: ", ";\n    margin-right: ", ";\n    color: ", ";\n  "], ["\n    margin-left: ", ";\n    margin-right: ", ";\n    color: ", ";\n  "])), iconRight && !iconOnly ? numToPx(theme.space[100]) : '0', iconLeft && !iconOnly ? numToPx(theme.space[100]) : '0', color);
-});
-export var StyledButtonText = styled.Text(function (_a) {
-    var theme = _a.theme, smallAndUp = _a.smallAndUp, inverted = _a.inverted, variant = _a.variant, size = _a.size;
-    var fontSize = smallAndUp || size === 'large'
-        ? theme.font.size.lg.mediaQuery.sm
-        : theme.font.size.md.mediaQuery.sm;
-    var color = getTextColor(theme, inverted, variant);
-    return css(templateObject_4 || (templateObject_4 = __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, theme.native.font.family.bold, numToPx(fontSize), numToPx(theme.font.lineHeight.md.mediaQuery.sm));
-});
-// Helper functions
-var getBackgroundColor = function (theme, variant, inverted) {
-    var button = theme.button;
-    if (variant === 'outline' || variant === 'outline-variant') {
-        return 'transparent';
-    }
-    return inverted ? button.surface.color.bgInverted : button[variant].color.bg;
-};
-var getBorderColor = function (theme, variant, inverted) {
-    var button = theme.button;
-    if (variant === 'outline') {
-        return inverted ? button.surface.color.bgVariant : button.surface.color.bg;
-    }
-    if (variant === 'outline-variant') {
-        return button.surface.color.bgVariant;
-    }
-    return inverted ? button.surface.color.bgVariant : button[variant].color.bg;
-};
-var getIconColor = function (theme, inverted, variant) {
-    var button = theme.button;
-    if (variant === 'outline' || variant === 'outline-variant') {
-        return inverted ? button.surface.color.bgInverted : button.surface.color.bg;
-    }
-    return inverted ? button.surface.color.fgInverted : button[variant].color.fg;
-};
-var getTextColor = function (theme, inverted, variant) {
-    var button = theme.button;
-    if (variant === 'outline' || variant === 'outline-variant') {
-        return inverted ? button.surface.color.bgInverted : button.surface.color.bg;
-    }
-    return inverted ? button.surface.color.fgInverted : button[variant].color.fg;
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

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

package/dist/esm/components/Display/Display.js

@@ -1,53 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { numToPx } from '@ovotech/element-core';
-import { useBreakpoint } from '../../hooks';
-import styled, { css } from '../../styled.native';
-var StyledDisplay = styled.Text(function (_a) {
-    var theme = _a.theme, smallAndUp = _a.smallAndUp, inverted = _a.inverted, level = _a.level, variant = _a.variant;
-    var tokenKey = "d".concat(level);
-    var fontSize = numToPx(theme.font.size[tokenKey].mediaQuery[smallAndUp ? 'lg' : 'sm']);
-    var lineHeight = numToPx(theme.font.lineHeight[tokenKey].mediaQuery[smallAndUp ? 'lg' : 'sm']);
-    var letterSpacing = numToPx(theme.font.letterSpacing[tokenKey].mediaQuery[smallAndUp ? 'lg' : 'sm']);
-    var color = inverted
-        ? theme.color.brand.onBrand
-        : variant === 'surface'
-            ? theme.color.surface.onSurface
-            : theme.color.brand.brand;
-    return 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    "])), theme.native.font.family.black, fontSize, lineHeight, letterSpacing, color);
-});
-export var Display = function (_a) {
-    var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, level = _a.level, _c = _a.variant, variant = _c === void 0 ? 'brand' : _c, rest = __rest(_a, ["accessibilityRole", "level", "variant"]);
-    var breakpoints = useBreakpoint();
-    return (_jsx(StyledDisplay, __assign({ accessible: true, accessibilityRole: accessibilityRole, level: level, variant: variant }, breakpoints, rest)));
-};
-export var Display1 = function (props) { return _jsx(Display, __assign({}, props, { level: "1" })); };
-export var Display2 = function (props) { return _jsx(Display, __assign({}, props, { level: "2" })); };
-export var Display3 = function (props) { return _jsx(Display, __assign({}, props, { level: "3" })); };
-export var Display4 = function (props) { return _jsx(Display, __assign({}, props, { level: "4" })); };
-var templateObject_1;

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

@@ -1 +0,0 @@
-export { Display, Display1, Display2, Display3, Display4 } from './Display';

package/dist/esm/components/Heading/Heading.js

@@ -1,54 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { numToPx } from '@ovotech/element-core';
-import { useBreakpoint } from '../../hooks';
-import styled, { css } from '../../styled.native';
-var StyledHeading = styled.Text(function (_a) {
-    var theme = _a.theme, smallAndUp = _a.smallAndUp, inverted = _a.inverted, level = _a.level, variant = _a.variant;
-    var fontSize = theme.font.size[level].mediaQuery[smallAndUp ? 'lg' : 'sm'];
-    var lineHeight = numToPx(theme.font.lineHeight[level].mediaQuery[smallAndUp ? 'lg' : 'sm']);
-    var letterSpacing = numToPx(theme.font.letterSpacing[level].mediaQuery[smallAndUp ? 'lg' : 'sm']);
-    var color = inverted
-        ? theme.color.brand.onBrand
-        : variant === 'surface'
-            ? theme.color.surface.onSurface
-            : theme.color.brand.brand;
-    // H1 & H2 are black, others bold
-    var family = level === 'xl' || level === '2xl' ? 'bold' : 'black';
-    return 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    "])), theme.native.font.family[family], numToPx(fontSize), lineHeight, letterSpacing, color);
-});
-var Heading = function (_a) {
-    var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
-    var breakpoints = useBreakpoint();
-    return (_jsx(StyledHeading, __assign({ accessible: true, accessibilityRole: accessibilityRole }, breakpoints, rest)));
-};
-export var Heading1 = function (props) { return _jsx(Heading, __assign({}, props, { level: "4xl" })); };
-export var Heading2 = function (props) { return _jsx(Heading, __assign({}, props, { level: "3xl" })); };
-export var Heading3 = function (props) { return _jsx(Heading, __assign({}, props, { level: "2xl" })); };
-export var Heading4 = function (props) { return _jsx(Heading, __assign({}, props, { level: "xl" })); };
-var templateObject_1;

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

@@ -1 +0,0 @@
-export { Heading1, Heading2, Heading3, Heading4 } from './Heading';

package/dist/esm/components/Link/Link.js

@@ -1,51 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from '../../styled.native';
-import { getText } from '../../utils/utils';
-import { Button } from '../Button';
-import { Icon } from '../Icon';
-import { numToPx } from '@ovotech/element-core';
-var Link = forwardRef(function (props, ref) { return _jsx(Button, __assign({}, props, { ref: ref })); });
-var StyledText = styled.Text(function (_a) {
-    var theme = _a.theme;
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n  "], ["\n    font-family: ", ";\n    font-size: ", ";\n    color: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n  "])), theme.native.font.family.book, numToPx(theme.font.size.md.mediaQuery.sm), theme.color.surface.link, theme.color.surface.link);
-});
-var StyledIcon = styled(Icon)(function (_a) {
-    var theme = _a.theme;
-    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color: ", ";\n  "], ["\n    color: ", ";\n  "])), theme.color.surface.link);
-});
-var TextLink = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.opensInNewWindow, opensInNewWindow = _b === void 0 ? false : _b, accessibilityLabel = _a.accessibilityLabel, rest = __rest(_a, ["children", "opensInNewWindow", "accessibilityLabel"]);
-    var updatedAccessibilityLabel = opensInNewWindow
-        ? "".concat(accessibilityLabel ? accessibilityLabel : getText(children), " (opens in new window)")
-        : accessibilityLabel;
-    return (_jsxs(StyledText, __assign({}, rest, { accessibilityLabel: updatedAccessibilityLabel, ref: ref, children: [_jsx(StyledText, { children: children }), opensInNewWindow && (_jsxs(_Fragment, { children: ["\u00A0", _jsx(StyledIcon, { size: 12, name: "new-window" })] }))] })));
-});
-export { TextLink, Link };
-var templateObject_1, templateObject_2;

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

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

package/dist/esm/components/Pictogram/Pictogram.js

@@ -1,34 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { usePictograms } from '../../providers';
-import { ThemeContext } from '../../styled.native';
-export var Pictogram = function (_a) {
-    var name = _a.name, _b = _a.size, size = _b === void 0 ? '64' : _b, color = _a.color, testID = _a.testID, rest = __rest(_a, ["name", "size", "color", "testID"]);
-    var pictograms = usePictograms();
-    var theme = useContext(ThemeContext);
-    // @ts-ignore to support additional pictograms.
-    var Svg = name && pictograms[name];
-    return Svg ? (_jsx(Svg, __assign({ testID: testID ? testID : "element-icon".concat(name ? "-".concat(name) : ''), color: color !== null && color !== void 0 ? color : theme.color.brand.brand, width: size, height: size }, rest))) : null;
-};

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

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

package/dist/esm/components/SkeletonButton/SkeletonButton.js

@@ -1,35 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { numToPx } from '@ovotech/element-core';
-import styled from '../../styled.native';
-import { P } from '../P';
-import { SkeletonAnimation } from '../SkeletonAnimation';
-var StyledSkeletonCTA = styled.View(function (_a) {
-    var theme = _a.theme, width = _a.width;
-    return "\n    background-color: ".concat(theme.color.surface.dim, ";\n    width: ").concat(width, ";\n    height: ").concat(numToPx(theme.space[1200]), ";\n    border-radius: ").concat(numToPx(theme.border.radius['3xl']), ";\n  ");
-});
-export var SkeletonButton = function (_a) {
-    var _b = _a.width, width = _b === void 0 ? '250px' : _b, rest = __rest(_a, ["width"]);
-    return (_jsx(SkeletonAnimation, { children: _jsx(StyledSkeletonCTA, __assign({ as: P, width: width }, rest)) }));
-};

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

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

package/dist/esm/providers/PictogramsProvider.js

@@ -1,183 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from 'react';
-import { AccountInCreditPositiveBalance, AccountInDebtNegativeBalance, AddYourCar, Archive, AssistanceDog, Awards, Battery13, Battery23, Battery33, BatteryEmpty, Bill, Bin, Boiler, BoilerEngineer, BoilerHeating, BoilerReplacement, BoilerService, BoilerWorking, Bus, Calendar, Car, ChargerChademo, ChargerCssCombo, ChargerType1, ChargerType2, Cloakroom, Clock, Comedy, Competition, Confirmation, ContactUs, CreatePaymentSchedule, CreditCard, Cursor, Customer, CustomerStar, DisbaledToilet, DownloadApp, Drink, EcoHome, Edit, Electric, ElectricCarEv, Emergency, EnergyAdvice, EnergyExperts, EstimatedCharge, EstimatedCharge2, EstimatedRange, EvCharger, ExitFees, ExternalDrains, Filter, FinalStatement, FlagIssue, Flats, Food, Gas, GetInTouch, Global, GreenerEnergy, GuitarMusic, Heart, HeatPump, Help, HistoryPayment, Home, HomeMove, Information, InternalDrains, Lasers, Leaf, Letter, Lifts, Lightbulb, List, LoadingAndFlexibility, Location, Lpg, Magnify, ManageMyAccount, Map, MensToilet, Merch, MeterReading, Mobile, Money, Msg, Music, MyPaymentCards, Navigation, Notification, NumberOfSeats, Oil, OpenLetter, Padlock, Parking, PayAsYouGo, PayByBankTransfer, PaygDrive, PaymentSchedule, PingDriver, Placeholder, Planet, Plug, Plumbing, PowerMove, Price, PriceCut, Queue, RealCharge, RealCharge2, ScheduledTopUps, Seats, SecurityDog, SemiDetached, SmartHome, SmartMeter, SmartThermostatA, SmartThermostatB, Smoke, SolarPanel, SpecialEffects, Sport, Star, StoreLocator, StrobeLights, StrobeLights2, Sun, TapsAndToilets, Terraced, TheGrid, ThumbsDown, ThumbsUp, Ticket, TimeRunningOut, Toilet, TopUp, TopUpCardOrKey, TopUpInPaypointShop, TopUpInStore, TopUpOnline, Torch, Train, Trees, Turbine, UnavailableCharger, Underground, Usage, Wallet, WarmHome, WaterSupplyPipe, WindEnergy, WomensToilet, Wrench, } from './pictograms';
-var defaultPictograms = {
-    information: Information,
-    'internal-drains': InternalDrains,
-    'account-in-credit-positive-balance': AccountInCreditPositiveBalance,
-    'account-in-debt-negative-balance': AccountInDebtNegativeBalance,
-    'add-your-car': AddYourCar,
-    archive: Archive,
-    'assistance-dog': AssistanceDog,
-    awards: Awards,
-    battery13: Battery13,
-    battery23: Battery23,
-    battery33: Battery33,
-    'battery-empty': BatteryEmpty,
-    bill: Bill,
-    bin: Bin,
-    'boiler-engineer': BoilerEngineer,
-    'boiler-heating': BoilerHeating,
-    'boiler-replacement': BoilerReplacement,
-    'boiler-service': BoilerService,
-    'boiler-working': BoilerWorking,
-    boiler: Boiler,
-    bus: Bus,
-    calendar: Calendar,
-    car: Car,
-    'charger-chademo': ChargerChademo,
-    'charger-css-combo': ChargerCssCombo,
-    'charger-type1': ChargerType1,
-    'charger-type2': ChargerType2,
-    cloakroom: Cloakroom,
-    clock: Clock,
-    comedy: Comedy,
-    competition: Competition,
-    confirmation: Confirmation,
-    'contact-us': ContactUs,
-    'create-payment-schedule': CreatePaymentSchedule,
-    'credit-card': CreditCard,
-    cursor: Cursor,
-    'customer-star': CustomerStar,
-    customer: Customer,
-    'disbaled-toilet': DisbaledToilet,
-    'download-app': DownloadApp,
-    drink: Drink,
-    'eco-home': EcoHome,
-    edit: Edit,
-    'electric-car-ev': ElectricCarEv,
-    electric: Electric,
-    emergency: Emergency,
-    'energy-advice': EnergyAdvice,
-    'energy-experts': EnergyExperts,
-    'estimated-charge2': EstimatedCharge2,
-    'estimated-charge': EstimatedCharge,
-    'estimated-range': EstimatedRange,
-    'ev-charger': EvCharger,
-    'exit-fees': ExitFees,
-    'external-drains': ExternalDrains,
-    filter: Filter,
-    'final-statement': FinalStatement,
-    'flag-issue': FlagIssue,
-    flats: Flats,
-    food: Food,
-    gas: Gas,
-    'get-in-touch': GetInTouch,
-    global: Global,
-    'greener-energy': GreenerEnergy,
-    'guitar-music': GuitarMusic,
-    heart: Heart,
-    'heat-pump': HeatPump,
-    help: Help,
-    'history-payment': HistoryPayment,
-    'home-move': HomeMove,
-    home: Home,
-    lasers: Lasers,
-    leaf: Leaf,
-    letter: Letter,
-    lifts: Lifts,
-    lightbulb: Lightbulb,
-    list: List,
-    'loading-and-flexibility': LoadingAndFlexibility,
-    location: Location,
-    lpg: Lpg,
-    magnify: Magnify,
-    'manage-my-account': ManageMyAccount,
-    map: Map,
-    'mens-toilet': MensToilet,
-    merch: Merch,
-    'meter-reading': MeterReading,
-    mobile: Mobile,
-    money: Money,
-    msg: Msg,
-    music: Music,
-    'my-payment-cards': MyPaymentCards,
-    navigation: Navigation,
-    notification: Notification,
-    'number-of-seats': NumberOfSeats,
-    oil: Oil,
-    'open-letter': OpenLetter,
-    padlock: Padlock,
-    parking: Parking,
-    'pay-as-you-go': PayAsYouGo,
-    'pay-by-bank-transfer': PayByBankTransfer,
-    'payg-drive': PaygDrive,
-    'payment-schedule': PaymentSchedule,
-    'ping-driver': PingDriver,
-    placeholder: Placeholder,
-    planet: Planet,
-    plug: Plug,
-    plumbing: Plumbing,
-    'power-move': PowerMove,
-    'price-cut': PriceCut,
-    price: Price,
-    queue: Queue,
-    'real-charge2': RealCharge2,
-    'real-charge': RealCharge,
-    'scheduled-top-ups': ScheduledTopUps,
-    seats: Seats,
-    'security-dog': SecurityDog,
-    'semi-detached': SemiDetached,
-    'smart-home': SmartHome,
-    'smart-meter': SmartMeter,
-    'smart-thermostat-a': SmartThermostatA,
-    'smart-thermostat-b': SmartThermostatB,
-    smoke: Smoke,
-    'solar-panel': SolarPanel,
-    'special-effects': SpecialEffects,
-    sport: Sport,
-    star: Star,
-    'store-locator': StoreLocator,
-    'strobe-lights2': StrobeLights2,
-    'strobe-lights': StrobeLights,
-    sun: Sun,
-    'taps-and-toilets': TapsAndToilets,
-    terraced: Terraced,
-    'the-grid': TheGrid,
-    'thumbs-down': ThumbsDown,
-    'thumbs-up': ThumbsUp,
-    ticket: Ticket,
-    'time-running-out': TimeRunningOut,
-    toilet: Toilet,
-    'top-up-in-paypoint-shop': TopUpInPaypointShop,
-    'top-up-in-store': TopUpInStore,
-    'top-up-card-or-key': TopUpCardOrKey,
-    'top-up-online': TopUpOnline,
-    'top-up': TopUp,
-    torch: Torch,
-    train: Train,
-    trees: Trees,
-    turbine: Turbine,
-    'unavailable-charger': UnavailableCharger,
-    underground: Underground,
-    usage: Usage,
-    wallet: Wallet,
-    'warm-home': WarmHome,
-    'water-supply-pipe': WaterSupplyPipe,
-    'wind-energy': WindEnergy,
-    'womens-toilet': WomensToilet,
-    wrench: Wrench,
-};
-var PictogramsContext = createContext(null);
-function usePictograms() {
-    var pictograms = useContext(PictogramsContext) || defaultPictograms;
-    return pictograms;
-}
-function PictogramsProvider(_a) {
-    var children = _a.children, _b = _a.pictograms, pictograms = _b === void 0 ? {} : _b;
-    var basePictograms = useContext(PictogramsContext) || defaultPictograms;
-    var mergedPictograms = __assign(__assign({}, basePictograms), pictograms);
-    return (_jsx(PictogramsContext.Provider, { value: mergedPictograms, children: children }));
-}
-export { usePictograms, PictogramsProvider, defaultPictograms };

package/dist/esm/providers/icons-types.js

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

package/dist/esm/providers/pictograms/AccountInCreditPositiveBalance.js

@@ -1,14 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Svg, { Path } from 'react-native-svg';
-export var AccountInCreditPositiveBalance = function (props) { return (_jsxs(Svg, __assign({ viewBox: "0 0 64 64" }, props, { children: [_jsx(Path, { fill: "currentColor", d: "M46.857 35.743c-6.138 0-11.114 4.975-11.114 11.114 0 6.139 4.975 11.114 11.114 11.114 6.139 0 11.114-4.975 11.114-11.114 0-6.139-4.975-11.114-11.114-11.114Zm0 19.231c-4.476 0-8.117-3.641-8.117-8.117 0-4.476 3.641-8.117 8.117-8.117 4.476 0 8.117 3.641 8.117 8.117 0 4.476-3.641 8.117-8.117 8.117ZM33.746 46.857c0-.507.03-1.009.087-1.501h-11.9l.535 1.998h11.289c-.006-.165-.01-.331-.01-.496h-.001v-.001ZM36.618 38.678H21.811v.029l.527 1.969h12.959c.379-.707.822-1.376 1.32-1.998h.001ZM41.751 31.999h-19.94v.104l.508 1.894h19.967l-.535-1.998Z" }), _jsx(Path, { fill: "currentColor", d: "M35.851 53.975H16.017V25.053h18.974V10.024h12.991v23.771a13 13 0 0 1 3.996.993V6.028H32L12.022 21.957v32.014a4 4 0 0 0 4 4h23.887a13.212 13.212 0 0 1-4.058-3.996Zm-3.856-42.832v10.914H18.306l13.689-10.914Z" }), _jsx(Path, { fill: "currentColor", d: "M41.751 31.999h-19.94v.104l.508 1.894h19.967l-.535-1.998ZM47.736 49.856h-2.133c.732-.489 1.009-1.27 1.009-2.035 0-.098 0-.196-.016-.293h2.295v-1.791h-2.865c-.163-.424-.277-.798-.277-1.286 0-.863.602-1.27 1.254-1.27.846 0 1.303.569 1.319 1.562l2.133-.569c-.082-1.335-.977-3.012-3.483-3.012-2.279 0-3.581 1.611-3.581 3.207 0 .537.081.977.212 1.367h-.928v1.791h1.579c.033.179.065.358.065.537 0 .96-.667 1.628-1.693 1.986v1.921h5.437c1.807 0 3.028-1.352 3.028-3.19l-2.149-.13c0 .732-.52 1.205-1.205 1.205h-.001Z" })] }))); };

package/dist/esm/providers/pictograms/AccountInDebtNegativeBalance.js

@@ -1,14 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Svg, { Path } from 'react-native-svg';
-export var AccountInDebtNegativeBalance = function (props) { return (_jsxs(Svg, __assign({ viewBox: "0 0 64 64" }, props, { children: [_jsx(Path, { fill: "currentColor", d: "M46.857 35.743c-6.138 0-11.114 4.975-11.114 11.114 0 6.139 4.975 11.114 11.114 11.114 6.139 0 11.114-4.975 11.114-11.114 0-6.139-4.975-11.114-11.114-11.114Zm0 19.231c-4.476 0-8.117-3.641-8.117-8.117 0-4.476 3.641-8.117 8.117-8.117 4.476 0 8.117 3.641 8.117 8.117 0 4.476-3.641 8.117-8.117 8.117ZM33.746 46.857c0-.507.03-1.009.087-1.501h-11.9l.535 1.998h11.289c-.006-.165-.01-.331-.01-.496h-.001v-.001ZM36.618 38.678H21.811v.029l.527 1.969h12.959c.379-.707.822-1.376 1.32-1.998h.001ZM41.751 31.999h-19.94v.104l.508 1.894h19.967l-.535-1.998Z" }), _jsx(Path, { fill: "currentColor", d: "M35.851 53.975H16.017V25.053h18.974V10.024h12.991v23.771a13 13 0 0 1 3.996.993V6.028H32L12.022 21.957v32.014a4 4 0 0 0 4 4h23.887a13.212 13.212 0 0 1-4.058-3.996Zm-3.856-42.832v10.914H18.306l13.689-10.914Z" }), _jsx(Path, { fill: "currentColor", d: "M41.751 31.999h-19.94v.104l.508 1.894h19.967l-.535-1.998ZM48.094 49.778l-2.936.779.779 2.936 2.936-.779-.779-2.936ZM48.133 49.26l.699-8.491h-3.635l.698 8.491h2.238Z" })] }))); };

package/dist/esm/providers/pictograms/AddYourCar.js

@@ -1,14 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Svg, { Path } from 'react-native-svg';
-export var AddYourCar = function (props) { return (_jsxs(Svg, __assign({ viewBox: "0 0 64 64" }, props, { children: [_jsx(Path, { fill: "currentColor", d: "M51.893 45.85h-4.029v-4.03l-2.015.54v3.489h-4.03l.54 2.015h3.489v4.029h2.015v-4.029h4.029v-2.015l.001.001ZM38.098 34.433H25.902v2h12.196v-2Z" }), _jsx(Path, { fill: "currentColor", d: "M46.83 35.76c-6.138 0-11.114 4.976-11.114 11.114 0 6.138 4.976 11.114 11.114 11.114 6.138 0 11.114-4.976 11.114-11.114 0-6.138-4.975-11.114-11.114-11.114Zm0 19.231c-4.476 0-8.117-3.641-8.117-8.117 0-4.476 3.641-8.117 8.117-8.117 4.476 0 8.117 3.641 8.117 8.117 0 4.476-3.641 8.117-8.117 8.117Z" }), _jsx(Path, { fill: "currentColor", d: "M34.654 42.006H15.01V28.865h33.989v5.076c1.046.175 2.05.473 2.997.881v-5.957h4.45l.803-2.997h-5.214l-5.602-13.874H17.29l-5.223 13.874H6.779l.803 2.997h4.433v23.097h2.997v-.015h5.6v-6.944h13.239c.15-1.044.422-2.048.804-2.998l-.001.001Zm1.48-27.017h8.358l4.259 10.878h-16.98l4.363-10.878Zm-16.851 0h12.538l-4.363 10.878H15.312l3.971-10.878Z" })] }))); };

package/dist/esm/providers/pictograms/Archive.js

@@ -1,14 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Svg, { Path } from 'react-native-svg';
-export var Archive = function (props) { return (_jsxs(Svg, __assign({ viewBox: "0 0 64 64" }, props, { children: [_jsx(Path, { fill: "currentColor", d: "M49.942 48h-36V28.648h36V48l4-1.072V32H58V12H10a4 4 0 0 0-4 4v12.058A3.942 3.942 0 0 0 9.942 32v16a4 4 0 0 0 4 4h37.072l-1.072-4ZM10 26.648V16h44v10.648H10Z" }), _jsx(Path, { fill: "currentColor", d: "m34.12 34.051-5.795 1.553 1.553 5.796 5.796-1.553-1.553-5.796Z" })] }))); };

package/dist/esm/providers/pictograms/AssistanceDog.js

@@ -1,14 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import Svg, { Path } from 'react-native-svg';
-export var AssistanceDog = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 64 64" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M47.163 23.645c4.15-.976 5.003-5.265 4.874-7.397l-.06-.991-5.099-1.808c-1.7-2.556-4.943-3.852-8.1-3.173-3.134.674-5.24 3.113-5.498 6.364-.09 1.135.143 3.104.743 4.655-.314 1.286-1.042 2.484-2.022 3.74L7.427 11.326l-.975 1.747 24.245 13.525c-.328.375-.67.759-1.023 1.155-2.217 2.488-4.73 5.309-6.512 9.226-1.846 4.057-2.562 8.568-2.175 13.742-1.664-.324-2.825-1.02-3.56-1.619-1.159-.944-1.926-2.198-2.105-3.44l-2.97.43c.546 3.77 4.249 7.664 10.271 7.81l1.735.043-.21-1.723c-.655-5.401-.085-9.98 1.744-14 .875-1.923 1.979-3.585 3.14-5.079 7.493 2.37 12.78 7.46 14.255 9.001A29.812 29.812 0 0 1 42.13 46.5l-.629 1.831 1.93.151c1.714.135 2.794.912 3.315 2.414H36.92c1.263-2.417 1.673-5.016 1.094-7.264-.685-2.659-2.636-4.713-5.797-6.105l-.806 1.83c2.572 1.133 4.142 2.739 4.666 4.775.415 1.61.212 4.163-1.47 6.764h-6.582v3h19.469l-.799-2.98 2.95-.79c-.324-1.018-.813-1.886-1.466-2.594a6.133 6.133 0 0 0-2.692-1.694c2.292-7.849.665-12.566-.435-15.756-.37-1.072-.689-1.999-.689-2.641v-.126c0-1.14 0-2.041.276-2.495.277-.456 1.103-.84 2.524-1.175Zm-3.561 15.984c-2.302-2.184-6.94-5.985-13.213-8.144.515-.601 1.028-1.178 1.525-1.736a99.738 99.738 0 0 0 1.483-1.69c3.63 1.78 6.437 2.19 8.247 2.19.102 0 .2-.002.295-.005.088.265.18.537.277.816.73 2.116 1.637 4.75 1.386 8.569ZM42.075 23.26c-.713 1.173-.712 2.509-.712 4.055v.125c0 .266.022.532.06.801-1.475-.033-3.764-.39-6.741-1.785.773-1.04 1.428-2.11 1.876-3.258.556.502 1.185.833 1.862.959.201.037.401.056.598.056 1.014 0 1.946-.49 2.57-1.373 1.204-1.704.964-4.377-.642-7.15l-1.73 1.003c1.417 2.447 1.31 4.184.74 4.993-.292.412-.707.59-1.17.505-.764-.143-1.77-1.05-2.304-3.166h-.003c-.163-.755-.255-1.57-.209-2.149.218-2.748 2.268-3.48 3.14-3.668 1.697-.365 4.033.167 5.15 2.199l.276.5 4.153 1.472c-.041.32-.112.693-.232 1.072-.403 1.263-1.149 2.006-2.28 2.273-2.34.55-3.655 1.308-4.402 2.536Z" }) }))); };

package/dist/esm/providers/pictograms/Awards.js

@@ -1,14 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Svg, { Path } from 'react-native-svg';
-export var Awards = function (props) { return (_jsxs(Svg, __assign({ viewBox: "0 0 64 64" }, props, { children: [_jsx(Path, { fill: "currentColor", d: "M42.54 36.5C46.48 33.39 49 28.57 49 23.16c0-9.39-7.61-17-17-17s-17 7.61-17 17c0 5.4 2.52 10.22 6.45 13.33l-7.61 21.48L32 53.11l18.16 4.86-7.62-21.47Zm1.3 15.64L33 49.24v-9.1c2.15-.12 4.19-.65 6.05-1.5l4.79 13.5ZM19 23.16c0-3.47 1.35-6.74 3.81-9.19 2.46-2.46 5.72-3.81 9.19-3.81 3.47 0 6.74 1.35 9.19 3.81 2.45 2.46 3.81 5.72 3.81 9.19 0 3.47-1.35 6.74-3.81 9.19A12.929 12.929 0 0 1 32 36.16c-3.47 0-6.74-1.35-9.19-3.81A12.888 12.888 0 0 1 19 23.16Zm5.94 15.47c1.86.85 3.91 1.38 6.06 1.5v9.1l-10.85 2.9 4.79-13.5Z" }), _jsx(Path, { fill: "currentColor", d: "m27.17 28.85 4.82-2.2 4.82 2.2-.92-4.97 3.6-3.09-5.09-1.42-2.4-4.22-2.41 4.22-5.09 1.42 3.6 3.09-.93 4.97Zm2.95-7.55.79-.22.41-.71.68-1.18.68 1.18.41.71.79.22 1.49.41-.76.65-.87.75.21 1.13.22 1.19-1.32-.61-.83-.38-.83.38-1.32.61.22-1.19.21-1.13-.87-.75-.76-.65 1.45-.41Z" })] }))); };

package/dist/esm/providers/pictograms/Battery13.js

@@ -1,14 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Svg, { Path } from 'react-native-svg';
-export var Battery13 = function (props) { return (_jsxs(Svg, __assign({ viewBox: "0 0 64 64" }, props, { children: [_jsx(Path, { fill: "currentColor", d: "M49.5 52.93V12H42V8.09H22V12h-3.56c-2.18 0-3.94 1.79-3.94 4v38c0 2.21 1.76 4 3.94 4h28.12l-1.06-4H18.44V16H45.5v38l4-1.07Z" }), _jsx(Path, { fill: "currentColor", d: "M42 19.99H22v8.07h20v-8.07Zm-2 6.08H24V22h16v4.07ZM42 31.01H22v8.07h20v-8.07Zm-2 6.07H24v-4.07h16v4.07ZM42 42.02H22v8.07h20v-8.07Z" })] }))); };