@ovotech/element-native 3.5.0 → 3.6.0-canary-0ed6e33-174

package/dist/esm/components/Toggle/Toggle.js

@@ -0,0 +1,53 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useContext, useEffect, useRef } from 'react';
+import { Animated, View, } from 'react-native';
+import { ThemeContext } from 'styled-components/native';
+import { HintText } from '../HintText/HintText';
+import { LabelText } from '../LabelText';
+import { StyledToggleDot, StyledToggleInputWrapper, StyledToggleInput, StyledWrapper, } from './styles';
+var Input = function (_a) {
+    var checked = _a.checked, labelPosition = _a.labelPosition, testID = _a.testID, rest = __rest(_a, ["checked", "labelPosition", "testID"]);
+    var core = useContext(ThemeContext).core;
+    var leftVal = useRef(new Animated.Value(checked ? parseInt(core.space[6]) : parseInt(core.space[1]))).current;
+    useEffect(function () {
+        Animated.timing(leftVal, {
+            toValue: checked ? parseInt(core.space[6]) : parseInt(core.space[1]),
+            duration: 150,
+            useNativeDriver: true,
+        }).start();
+    }, [checked]);
+    return (_jsx(StyledToggleInputWrapper, __assign({ labelPosition: labelPosition }, rest, { children: _jsx(StyledToggleInput, __assign({ checked: checked, testID: testID }, { children: _jsx(StyledToggleDot, { style: {
+                    transform: [{ translateX: leftVal }],
+                }, checked: checked }) })) })));
+};
+export var Toggle = forwardRef(function (_a, ref) {
+    var label = _a.label, hint = _a.hint, _b = _a.checked, checked = _b === void 0 ? false : _b, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _c = _a.activeOpacity, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    activeOpacity = _c === void 0 ? 0.8 : _c, testID = _a.testID, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'left' : _d, rest = __rest(_a, ["label", "hint", "checked", "activeOpacity", "testID", "labelPosition"]);
+    var hasLabel = label !== undefined;
+    return (_jsxs(StyledWrapper, __assign({ ref: ref, accessibilityRole: "checkbox", activeOpacity: activeOpacity, accessibilityState: { checked: checked }, hitSlop: 10, hasLabel: hasLabel, labelPosition: labelPosition }, rest, { children: [hasLabel ? (_jsxs(View, __assign({ style: { flexShrink: 1 } }, { children: [_jsx(LabelText, { children: label }), hint ? _jsx(HintText, { children: hint }) : null] }))) : null, _jsx(Input, { checked: checked, testID: testID, labelPosition: hasLabel ? labelPosition : undefined })] })));
+});

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

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

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

@@ -0,0 +1,22 @@
+import { Animated } from 'react-native';
+import styled from '../../styled.native';
+export var StyledWrapper = styled.TouchableOpacity(function (_a) {
+    var core = _a.theme.core, hasLabel = _a.hasLabel, labelPosition = _a.labelPosition;
+    return "\n    width: ".concat(hasLabel ? '100%' : core.space[11], ";\n    display: flex;\n    flex-direction: row").concat(labelPosition === 'left' ? '' : '-reverse', ";\n    justify-content: space-between;\n    position: relative;\n  ");
+});
+export var StyledToggleInputWrapper = styled.View(function (_a) {
+    var core = _a.theme.core, labelPosition = _a.labelPosition;
+    return "\n    width: ".concat(core.space[11], ";\n    height: ").concat(core.space[6], ";\n    ").concat(labelPosition
+        ? labelPosition === 'left'
+            ? 'margin-left: 10px;'
+            : 'margin-right: 10px;'
+        : null, "\n    ");
+});
+export var StyledToggleInput = styled.View(function (_a) {
+    var core = _a.theme.core, checked = _a.checked;
+    return "\n      width: ".concat(core.space[11], ";\n      height: ").concat(core.space[6], ";\n      justify-content: center;\n      border-radius: ").concat(core.radius.large, ";\n      background: ").concat(checked ? core.color.brand.ovo : core.color.neutral.lighter, ";\n    ");
+});
+export var StyledToggleDot = styled(Animated.View)(function (_a) {
+    var core = _a.theme.core, checked = _a.checked;
+    return "\n  position: absolute;\n  width: ".concat(core.space[4], ";\n  height: ").concat(core.space[4], ";\n  border-radius: ").concat(core.space[4], ";\n  background-color: ").concat(checked ? core.color.brand.white : core.color.neutral.dark, ";\n");
+});

package/dist/esm/components/index.js

@@ -1,55 +1,59 @@
 export * from './Accordion';
-export * from './ActionList';
 export * from './ActionCard';
+export * from './ActionList';
 export * from './Badge';
 export * from './Card';
 export * from './Checkbox';
 export * from './CTAButton';
 export * from './CTALink';
+export * from './CurrencyField';
+export * from './CurrencyInput';
+export * from './DataTable';
 export * from './DateField';
 export * from './DescriptionList';
 export * from './Disclosure';
 export * from './Divider';
+export * from './Em';
+export * from './EmailField';
+export * from './EmailInput';
 export * from './ErrorSummaryNotification';
 export * from './Field';
+export * from './FilterSelect';
 export * from './Grid';
-export * from './NavHeader';
 export * from './Heading1';
 export * from './Heading2';
 export * from './Heading3';
 export * from './Heading4';
 export * from './Icon';
+export * from './Label';
+export * from './Lead';
+export * from './LineThrough';
 export * from './List';
 export * from './Margin';
+export * from './NavHeader';
 export * from './Notification';
-export * from './Radio';
-export * from './Stack';
-export * from './Tabs';
-export * from './TextGroup';
+export * from './NumberField';
+export * from './NumberInput';
 export * from './P';
-export * from './Strong';
-export * from './Small';
-export * from './Em';
-export * from './LineThrough';
-export * from './TextField';
-export * from './TextLink';
-export * from './DataTable';
-export * from './SelectField';
-export * from './CurrencyField';
 export * from './PasswordField';
-export * from './EmailField';
-export * from './TextareaField';
-export * from './NumberField';
+export * from './PasswordInput';
 export * from './PhoneField';
 export * from './PhoneInput';
-export * from './TextInput';
-export * from './EmailInput';
-export * from './NumberInput';
-export * from './TextareaInput';
-export * from './PasswordInput';
-export * from './CurrencyInput';
+export * from './Radio';
+export * from './SelectField';
 export * from './SkeletonCircle';
 export * from './SkeletonCTA';
 export * from './SkeletonHeading';
 export * from './SkeletonText';
-export * from './FilterSelect';
+export * from './Small';
+export * from './Spinner';
+export * from './Stack';
+export * from './Strong';
+export * from './Tabs';
+export * from './TextareaField';
+export * from './TextareaInput';
+export * from './TextField';
+export * from './TextGroup';
+export * from './TextInput';
+export * from './TextLink';
+export * from './Toggle';

package/dist/esm/providers/IconsProvider.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from 'react';
-import { Address, Advice, Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Award, Battery, Cal, CalBook, CaretDown, CaretLeft, CaretRight, CaretUp, Chart, ChartFilled, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronLeftSmall, ChevronLeftSmallFirst, ChevronRight, ChevronRightSmall, ChevronRightSmallLast, ChevronUp, Circle, CloseCircle, Cross, Doc, Dollar, Download, Eco, EcoHome, Edit, ElectricCar, ElectricHome, Electricity, EnergyAdvice, Equals, Euro, Gas, GlobeAddress, Help, Hide, Home, HomeFilled, HydroPower, Info, Link, Logo, Mail, MailOpen, Menu, Message, MessageFilled, Minus, Mobile, NewWindow, PaymentCard, Phone, Plus, Pound, Pricing, Search, Security, Show, SmartHome, SmartMeter, Solar, Star, Sun, Trees, Tune, User, UserFilled, Wallet, WalletFilled, WarmHome, Warning, WebAddress, WindPower, } from './icons';
+import { Address, Advice, Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Award, Battery, Cal, CalBook, CaretDown, CaretLeft, CaretRight, CaretUp, Chart, ChartFilled, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronLeftSmall, ChevronLeftSmallFirst, ChevronRight, ChevronRightSmall, ChevronRightSmallLast, ChevronUp, Circle, CloseCircle, Cross, Doc, Dollar, Download, Eco, EcoHome, Edit, ElectricCar, ElectricHome, Electricity, EnergyAdvice, Equals, Euro, Gas, GlobeAddress, Help, Hide, Home, HomeFilled, HydroPower, Info, Link, Logo, Mail, MailOpen, Menu, Message, MessageFilled, Minus, Mobile, NewWindow, PaymentCard, Phone, Plus, Pound, Pricing, Search, Security, Show, SmartHome, SmartMeter, Solar, Star, Sun, Torch, Trees, Tune, User, UserFilled, Wallet, WalletFilled, WarmHome, Warning, WebAddress, WindPower, } from './icons';
 var defaultIcons = {
     address: Address,
     advice: Advice,
@@ -86,6 +86,7 @@ var defaultIcons = {
     solar: Solar,
     star: Star,
     sun: Sun,
+    torch: Torch,
     trees: Trees,
     tune: Tune,
     user: User,

package/dist/esm/providers/icons/Logo.js

@@ -9,6 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Path, Svg, ClipPath, Defs } from 'react-native-svg';
-export var Logo = function (props) { return (_jsxs(Svg, __assign({ viewBox: "0 0 48 48", width: 48, height: 48 }, props, { children: [_jsx(Path, { fill: "#0A9828", d: "M14.316 16.104c-1.837-1.34-4.186-2.084-6.733-2.084-2.262 0-4.364.589-6.1 1.66L0 10.143 37.861 0l3.767 14.063a12.37 12.37 0 00-1.054-.045c-2.562 0-4.924.752-6.771 2.109l.697-1.803h-7.311l-2.562 8.771c-.278.95-.565 1.982-.565 1.982l-.557-1.982-2.56-8.77h-7.316l.687 1.779zm22.654 8.023c0-2.05 1.382-3.76 3.606-3.76 1.711 0 2.919 1.013 3.387 2.414l.127.472c.058.28.092.57.092.873 0 2.2-1.484 3.71-3.606 3.71s-3.606-1.51-3.606-3.71zm-25.781 0c0-2.05-1.384-3.76-3.606-3.76-2.224 0-3.61 1.71-3.61 3.76 0 2.2 1.489 3.71 3.61 3.71 2.122 0 3.606-1.51 3.606-3.71zm18.866 1.69c.835 5.104 5.232 8.101 10.521 8.101 2.209 0 4.265-.52 5.972-1.5l1.456 5.44L10.143 48 6.357 33.865c.401.036.814.055 1.226.055 5.27 0 9.659-2.98 10.515-8.057l3 7.753h5.934l3.023-7.8z" }), _jsx(Defs, { children: _jsx(ClipPath, __assign({ id: "a" }, { children: _jsx(Path, { fill: "#fff", d: "M0 0h48v48H0z" }) })) })] }))); };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Path, Svg } from 'react-native-svg';
+export var Logo = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 48 48", width: 48, height: 48 }, props, { children: _jsx(Path, { fill: "#0A9828", d: "M14.316 16.104c-1.837-1.34-4.186-2.084-6.733-2.084-2.262 0-4.364.589-6.1 1.66L0 10.143 37.861 0l3.767 14.063a12.37 12.37 0 00-1.054-.045c-2.562 0-4.924.752-6.771 2.109l.697-1.803h-7.311l-2.562 8.771c-.278.95-.565 1.982-.565 1.982l-.557-1.982-2.56-8.77h-7.316l.687 1.779zm22.654 8.023c0-2.05 1.382-3.76 3.606-3.76 1.711 0 2.919 1.013 3.387 2.414l.127.472c.058.28.092.57.092.873 0 2.2-1.484 3.71-3.606 3.71s-3.606-1.51-3.606-3.71zm-25.781 0c0-2.05-1.384-3.76-3.606-3.76-2.224 0-3.61 1.71-3.61 3.76 0 2.2 1.489 3.71 3.61 3.71 2.122 0 3.606-1.51 3.606-3.71zm18.866 1.69c.835 5.104 5.232 8.101 10.521 8.101 2.209 0 4.265-.52 5.972-1.5l1.456 5.44L10.143 48 6.357 33.865c.401.036.814.055 1.226.055 5.27 0 9.659-2.98 10.515-8.057l3 7.753h5.934l3.023-7.8z" }) }))); };

package/dist/esm/providers/icons/Torch.js

@@ -0,0 +1,14 @@
+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 Torch = function (props) { return (_jsxs(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: [_jsx(Path, { fill: "currentColor", d: "M4.728 14V6.714L3.016 5.012 3 1h10v4.012L11.273 6.73v6.173l-1.5-.402L9.37 14H4.726ZM11.5 3.494V2.5H4.506l.004.994h6.99ZM9.773 12.5V6.105l.442-.44.675-.671H5.124l.66.656.442.44v6.41h3.547Z" }), _jsx(Path, { fill: "currentColor", d: "M7 10V8h2v2H7Z" })] }))); };

package/dist/esm/providers/icons/index.js

@@ -71,6 +71,7 @@ export * from './SmartMeter';
 export * from './Solar';
 export * from './Star';
 export * from './Sun';
+export * from './Torch';
 export * from './Trees';
 export * from './Tune';
 export * from './User';

package/dist/providers/IconsProvider.js

@@ -89,6 +89,7 @@ var defaultIcons = {
     solar: icons_1.Solar,
     star: icons_1.Star,
     sun: icons_1.Sun,
+    torch: icons_1.Torch,
     trees: icons_1.Trees,
     tune: icons_1.Tune,
     user: icons_1.User,

package/dist/providers/icons/Logo.js

@@ -14,5 +14,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Logo = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var Logo = function (props) { return ((0, jsx_runtime_1.jsxs)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 48 48", width: 48, height: 48 }, props, { children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fill: "#0A9828", d: "M14.316 16.104c-1.837-1.34-4.186-2.084-6.733-2.084-2.262 0-4.364.589-6.1 1.66L0 10.143 37.861 0l3.767 14.063a12.37 12.37 0 00-1.054-.045c-2.562 0-4.924.752-6.771 2.109l.697-1.803h-7.311l-2.562 8.771c-.278.95-.565 1.982-.565 1.982l-.557-1.982-2.56-8.77h-7.316l.687 1.779zm22.654 8.023c0-2.05 1.382-3.76 3.606-3.76 1.711 0 2.919 1.013 3.387 2.414l.127.472c.058.28.092.57.092.873 0 2.2-1.484 3.71-3.606 3.71s-3.606-1.51-3.606-3.71zm-25.781 0c0-2.05-1.384-3.76-3.606-3.76-2.224 0-3.61 1.71-3.61 3.76 0 2.2 1.489 3.71 3.61 3.71 2.122 0 3.606-1.51 3.606-3.71zm18.866 1.69c.835 5.104 5.232 8.101 10.521 8.101 2.209 0 4.265-.52 5.972-1.5l1.456 5.44L10.143 48 6.357 33.865c.401.036.814.055 1.226.055 5.27 0 9.659-2.98 10.515-8.057l3 7.753h5.934l3.023-7.8z" }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Defs, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.ClipPath, __assign({ id: "a" }, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h48v48H0z" }) })) })] }))); };
+var Logo = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 48 48", width: 48, height: 48 }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fill: "#0A9828", d: "M14.316 16.104c-1.837-1.34-4.186-2.084-6.733-2.084-2.262 0-4.364.589-6.1 1.66L0 10.143 37.861 0l3.767 14.063a12.37 12.37 0 00-1.054-.045c-2.562 0-4.924.752-6.771 2.109l.697-1.803h-7.311l-2.562 8.771c-.278.95-.565 1.982-.565 1.982l-.557-1.982-2.56-8.77h-7.316l.687 1.779zm22.654 8.023c0-2.05 1.382-3.76 3.606-3.76 1.711 0 2.919 1.013 3.387 2.414l.127.472c.058.28.092.57.092.873 0 2.2-1.484 3.71-3.606 3.71s-3.606-1.51-3.606-3.71zm-25.781 0c0-2.05-1.384-3.76-3.606-3.76-2.224 0-3.61 1.71-3.61 3.76 0 2.2 1.489 3.71 3.61 3.71 2.122 0 3.606-1.51 3.606-3.71zm18.866 1.69c.835 5.104 5.232 8.101 10.521 8.101 2.209 0 4.265-.52 5.972-1.5l1.456 5.44L10.143 48 6.357 33.865c.401.036.814.055 1.226.055 5.27 0 9.659-2.98 10.515-8.057l3 7.753h5.934l3.023-7.8z" }) }))); };
 exports.Logo = Logo;

package/dist/providers/icons/Torch.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from 'react-native-svg';
+export declare const Torch: (props: SvgProps) => JSX.Element;

package/dist/providers/icons/Torch.js

@@ -0,0 +1,41 @@
+"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);
+};
+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.Torch = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_native_svg_1 = __importStar(require("react-native-svg"));
+var Torch = function (props) { return ((0, jsx_runtime_1.jsxs)(react_native_svg_1.default, __assign({ viewBox: "0 0 16 16" }, props, { children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fill: "currentColor", d: "M4.728 14V6.714L3.016 5.012 3 1h10v4.012L11.273 6.73v6.173l-1.5-.402L9.37 14H4.726ZM11.5 3.494V2.5H4.506l.004.994h6.99ZM9.773 12.5V6.105l.442-.44.675-.671H5.124l.66.656.442.44v6.41h3.547Z" }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fill: "currentColor", d: "M7 10V8h2v2H7Z" })] }))); };
+exports.Torch = Torch;

package/dist/providers/icons/index.d.ts

@@ -71,6 +71,7 @@ export * from './SmartMeter';
 export * from './Solar';
 export * from './Star';
 export * from './Sun';
+export * from './Torch';
 export * from './Trees';
 export * from './Tune';
 export * from './User';

package/dist/providers/icons/index.js

@@ -87,6 +87,7 @@ __exportStar(require("./SmartMeter"), exports);
 __exportStar(require("./Solar"), exports);
 __exportStar(require("./Star"), exports);
 __exportStar(require("./Sun"), exports);
+__exportStar(require("./Torch"), exports);
 __exportStar(require("./Trees"), exports);
 __exportStar(require("./Tune"), exports);
 __exportStar(require("./User"), exports);

package/dist/providers/types.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
 import { SvgProps } from 'react-native-svg';
-export declare type IconName = 'address' | 'advice' | 'archive' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'award' | 'battery' | 'cal' | 'cal-book' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'chart' | 'chart-filled' | 'check' | 'check-circle' | 'chevron-down' | 'chevron-left' | 'chevron-left-small' | 'chevron-left-small-first' | 'chevron-right' | 'chevron-right-small' | 'chevron-right-small-last' | 'chevron-up' | 'circle' | 'close-circle' | 'cross' | 'doc' | 'dollar' | 'download' | 'eco' | 'eco-home' | 'edit' | 'electric-car' | 'electric-home' | 'electricity' | 'energy-advice' | 'equals' | 'euro' | 'gas' | 'globe-address' | 'help' | 'hide' | 'home' | 'home-filled' | 'hydro-power' | 'info' | 'link' | 'logo' | 'mail' | 'mail-open' | 'menu' | 'message' | 'message-filled' | 'minus' | 'mobile' | 'new-window' | 'payment-card' | 'phone' | 'plus' | 'pound' | 'pricing' | 'search' | 'security' | 'show' | 'smart-home' | 'smart-meter' | 'solar' | 'star' | 'sun' | 'trees' | 'tune' | 'user' | 'user-filled' | 'wallet' | 'wallet-filled' | 'warm-home' | 'warning' | 'web-address' | 'wind-power';
+export declare type IconName = 'address' | 'advice' | 'archive' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'award' | 'battery' | 'cal' | 'cal-book' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'chart' | 'chart-filled' | 'check' | 'check-circle' | 'chevron-down' | 'chevron-left' | 'chevron-left-small' | 'chevron-left-small-first' | 'chevron-right' | 'chevron-right-small' | 'chevron-right-small-last' | 'chevron-up' | 'circle' | 'close-circle' | 'cross' | 'doc' | 'dollar' | 'download' | 'eco' | 'eco-home' | 'edit' | 'electric-car' | 'electric-home' | 'electricity' | 'energy-advice' | 'equals' | 'euro' | 'gas' | 'globe-address' | 'help' | 'hide' | 'home' | 'home-filled' | 'hydro-power' | 'info' | 'link' | 'logo' | 'mail' | 'mail-open' | 'menu' | 'message' | 'message-filled' | 'minus' | 'mobile' | 'new-window' | 'payment-card' | 'phone' | 'plus' | 'pound' | 'pricing' | 'search' | 'security' | 'show' | 'smart-home' | 'smart-meter' | 'solar' | 'star' | 'sun' | 'torch' | 'trees' | 'tune' | 'user' | 'user-filled' | 'wallet' | 'wallet-filled' | 'warm-home' | 'warning' | 'web-address' | 'wind-power';
 export declare type IconNameExtended = IconName | string;
 export declare type IconsType = Record<string, FunctionComponent<SvgProps>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ovotech/element-native",
-  "version": "3.5.0",
+  "version": "3.6.0-canary-0ed6e33-174",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -13,7 +13,7 @@
     "url": "@ovotech/element"
   },
   "dependencies": {
-    "@ovotech/element-core": "^2.2.0",
+    "@ovotech/element-core": "^2.2.0-canary-0ed6e33-174",
     "deepmerge": "^4.2.2",
     "lodash.groupby": "^4.6.0"
   },