@ovotech/element-native 3.3.0 → 3.3.1-canary-0e0e5de-133

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/components/ActionList/ActionList.d.ts +1 -0
  2. package/dist/components/ActionList/ActionList.js +4 -3
  3. package/dist/components/ActionList/styled.d.ts +1 -0
  4. package/dist/components/ActionList/styled.js +4 -2
  5. package/dist/components/List/List.js +24 -4
  6. package/dist/esm/components/ActionList/ActionList.js +4 -3
  7. package/dist/esm/components/ActionList/styled.js +4 -2
  8. package/dist/esm/components/List/List.js +24 -4
  9. package/dist/providers/types.d.ts +1 -1
  10. package/package.json +2 -2
package/dist/components/ActionList/ActionList.d.ts CHANGED
@@ -17,6 +17,7 @@ declare type ActionProps = PropsWithChildren<ViewProps & {
17
17
  fullWidth?: FullWidthOptions;
18
18
  ref?: Ref<View>;
19
19
  testID?: string;
20
+ inList?: boolean;
20
21
  }>;
21
22
  declare const ActionList: ({ children, inverted, ...rest }: ActionListProps) => JSX.Element;
22
23
  declare const Action: ({ accessibilityRole, actionType, children, fullWidth, inverted, onPress, testID, ...rest }: ActionProps) => JSX.Element;
package/dist/components/ActionList/ActionList.js CHANGED
@@ -43,14 +43,15 @@ var ActionList = function (_a) {
43
43
  fullWidth: 'always',
44
44
  index: index,
45
45
  hasBorder: childCount > 1 && index !== childCount - 1,
46
- inverted: (_a = child.props.inverted) !== null && _a !== void 0 ? _a : inverted, // prioritise child prop
46
+ inverted: (_a = child.props.inverted) !== null && _a !== void 0 ? _a : inverted,
47
+ inList: true,
47
48
  });
48
49
  }) })));
49
50
  };
50
51
  exports.ActionList = ActionList;
51
52
  var ActionWrapper = function (_a) {
52
53
  var children = _a.children, accessibilityRole = _a.accessibilityRole, _b = _a.activeOpacity, activeOpacity = _b === void 0 ? 0.75 : _b, fullWidth = _a.fullWidth, _c = _a.hasBorder, hasBorder = _c === void 0 ? false : _c, _d = _a.inverted, inverted = _d === void 0 ? false : _d, onPress = _a.onPress, testID = _a.testID, rest = __rest(_a, ["children", "accessibilityRole", "activeOpacity", "fullWidth", "hasBorder", "inverted", "onPress", "testID"]);
53
- return ((0, jsx_runtime_1.jsx)(styled_1.StyledActionWrapper, __assign({ hasBorder: hasBorder, inverted: inverted, testID: testID }, rest, { children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, __assign({ activeOpacity: activeOpacity, accessibilityRole: accessibilityRole, onPress: onPress }, { children: (0, jsx_runtime_1.jsx)(styled_1.StyledActionInner, __assign({ fullWidth: fullWidth }, { children: children })) })) })));
54
+ return ((0, jsx_runtime_1.jsx)(styled_1.StyledActionWrapper, __assign({ hasBorder: hasBorder, inverted: inverted, testID: testID }, rest, { children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, __assign({ activeOpacity: activeOpacity, accessibilityRole: accessibilityRole, onPress: onPress }, { children: (0, jsx_runtime_1.jsx)(styled_1.StyledActionInner, __assign({ fullWidth: fullWidth, inList: rest === null || rest === void 0 ? void 0 : rest.inList }, { children: children })) })) })));
54
55
  };
55
56
  var Action = function (_a) {
56
57
  var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'link' : _b, _c = _a.actionType, actionType = _c === void 0 ? 'link' : _c, children = _a.children, _d = _a.fullWidth, fullWidth = _d === void 0 ? 'never' : _d, _e = _a.inverted, inverted = _e === void 0 ? false : _e, onPress = _a.onPress, testID = _a.testID, rest = __rest(_a, ["accessibilityRole", "actionType", "children", "fullWidth", "inverted", "onPress", "testID"]);
@@ -63,6 +64,6 @@ var Action = function (_a) {
63
64
  if (fullWidth === 'small') {
64
65
  fullWidth = smallAndUp ? 'never' : 'always';
65
66
  }
66
- return ((0, jsx_runtime_1.jsxs)(ActionWrapper, __assign({ accessibilityRole: accessibilityRole, fullWidth: fullWidth, inverted: inverted, onPress: onPress, testID: testID }, rest, { children: [isBackAction ? ((0, jsx_runtime_1.jsx)(styled_1.StyledLeftIcon, { inverted: inverted, name: ACTION_TYPES.back, size: 16 })) : null, (0, jsx_runtime_1.jsx)(styled_1.StyledActionText, __assign({ smallAndUp: smallAndUp, inverted: inverted }, { children: children })), updatedIconRight ? ((0, jsx_runtime_1.jsx)(styled_1.StyledRightIcon, { inverted: inverted, name: updatedIconRight, marginTop: actionType === 'link' ? 1 : 0, size: 16 })) : null] })));
67
+ return ((0, jsx_runtime_1.jsxs)(ActionWrapper, __assign({ accessibilityRole: accessibilityRole, fullWidth: fullWidth, inverted: inverted, onPress: onPress, testID: testID }, rest, { children: [isBackAction ? ((0, jsx_runtime_1.jsx)(styled_1.StyledLeftIcon, { inverted: inverted, name: ACTION_TYPES.back, size: 16 })) : null, (0, jsx_runtime_1.jsx)(styled_1.StyledActionText, __assign({ smallAndUp: smallAndUp, inverted: inverted, inList: rest === null || rest === void 0 ? void 0 : rest.inList }, { children: children })), updatedIconRight ? ((0, jsx_runtime_1.jsx)(styled_1.StyledRightIcon, { inverted: inverted, name: updatedIconRight, marginTop: actionType === 'link' ? 1 : 0, size: 16 })) : null] })));
67
68
  };
68
69
  exports.Action = Action;
package/dist/components/ActionList/styled.d.ts CHANGED
@@ -693,6 +693,7 @@ export declare const StyledActionText: import("styled-components").StyledCompone
693
693
  }, {
694
694
  smallAndUp: boolean;
695
695
  inverted?: boolean | undefined;
696
+ inList?: boolean | undefined;
696
697
  }, never>;
697
698
  export declare const StyledRightIcon: import("styled-components").StyledComponent<({ name, size, color, testID, ...rest }: import("../Icon/Icon").IconProps) => JSX.Element | null, {
698
699
  core: {
package/dist/components/ActionList/styled.js CHANGED
@@ -41,11 +41,13 @@ exports.StyledActionInner = styled_native_1.default.View(function (_a) {
41
41
  return "\n display: flex;\n flex-direction: row;\n justify-content: ".concat(fullWidth === 'always' ? 'space-between' : 'flex-start', ";\n align-items: center;\n min-height: 44px;\n");
42
42
  });
43
43
  exports.StyledActionText = styled_native_1.default.Text(function (_a) {
44
- var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp, _c = _a.inverted, inverted = _c === void 0 ? false : _c;
44
+ var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp, _c = _a.inverted, inverted = _c === void 0 ? false : _c, _d = _a.inList, inList = _d === void 0 ? false : _d;
45
45
  var fontSize = smallAndUp
46
46
  ? core.fontSize.body.large
47
47
  : core.fontSize.body.small;
48
- return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n flex: 1;\n "], ["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n flex: 1;\n "])), inverted ? semantic.inverted.message.base : semantic.message.base, core.fontFamily.bodyBold.native, fontSize, core.lineHeight.body.small);
48
+ return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n flex: ", ";\n "], ["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n flex: ", ";\n "])), inverted
49
+ ? semantic.inverted.message.base
50
+ : semantic.message.base, core.fontFamily.bodyBold.native, fontSize, core.lineHeight.body.small, inList ? 1 : 'none');
49
51
  });
50
52
  exports.StyledRightIcon = (0, styled_native_1.default)(Icon_1.Icon)(function (_a) {
51
53
  var _b = _a.theme, core = _b.core, semantic = _b.semantic, inverted = _a.inverted, marginTop = _a.marginTop;
package/dist/components/List/List.js CHANGED
@@ -74,11 +74,14 @@ var StyledBullet = styled_native_1.default.Text(function (_a) {
74
74
  : core.lineHeight.body.small;
75
75
  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]);
76
76
  });
77
- var StyledUlItem = styled_native_1.default.View(function () { 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 "], ["\n flex-direction: row;\n align-items: flex-start;\n justify-content: center;\n "]))); });
77
+ var StyledUlItem = styled_native_1.default.View(function (_a) {
78
+ var core = _a.theme.core, level = _a.level;
79
+ 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]);
80
+ });
78
81
  var Bullet = (0, utils_1.styledComponentWithBreakpoints)(StyledBullet);
79
82
  var ListBulletItem = function (_a) {
80
- var children = _a.children, _b = _a.showBullets, showBullets = _b === void 0 ? true : _b;
81
- return ((0, jsx_runtime_1.jsxs)(StyledUlItem, { children: [(0, jsx_runtime_1.jsx)(UlBullet, { visible: showBullets }), children] }));
83
+ var children = _a.children, _b = _a.showBullets, showBullets = _b === void 0 ? true : _b, level = _a.level;
84
+ return ((0, jsx_runtime_1.jsxs)(StyledUlItem, __assign({ level: level }, { children: [(0, jsx_runtime_1.jsx)(UlBullet, { visible: showBullets }), children] })));
82
85
  };
83
86
  var ListNumberedItem = function (_a) {
84
87
  var children = _a.children, prefix = _a.prefix;
@@ -92,7 +95,24 @@ var ListWrapper = (0, utils_1.styledComponentWithBreakpoints)(StyledList);
92
95
  exports.ListWrapper = ListWrapper;
93
96
  var Ul = function (_a) {
94
97
  var children = _a.children, _b = _a.showBullets, showBullets = _b === void 0 ? true : _b, rest = __rest(_a, ["children", "showBullets"]);
95
- return ((0, jsx_runtime_1.jsx)(ListWrapper, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(Stack_1.Stack, __assign({ spaceBetween: 2 }, { children: react_1.Children.map(children, function (child) { return ((0, jsx_runtime_1.jsx)(ListBulletItem, __assign({ showBullets: showBullets }, { children: child }))); }) })) })));
98
+ var renderList = function (arrayChildren, level) {
99
+ if (level === void 0) { level = 0; }
100
+ return react_1.Children.map(arrayChildren, function (child) {
101
+ var _a, _b;
102
+ // @ts-ignore It complains that child props doesn't exist. Weird.
103
+ if (Array.isArray((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.children)) {
104
+ var lvl = level;
105
+ var PADDING = 3;
106
+ lvl = lvl + PADDING;
107
+ // @ts-ignore It complains that child props doesn't exist. Weird.
108
+ return renderList((_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.children, lvl);
109
+ }
110
+ else {
111
+ return ((0, jsx_runtime_1.jsx)(ListBulletItem, __assign({ showBullets: showBullets, level: level }, { children: child })));
112
+ }
113
+ });
114
+ };
115
+ return ((0, jsx_runtime_1.jsx)(ListWrapper, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(Stack_1.Stack, __assign({ spaceBetween: 2 }, { children: renderList(children) })) })));
96
116
  };
97
117
  exports.Ul = Ul;
98
118
  var Ol = function (_a) {
package/dist/esm/components/ActionList/ActionList.js CHANGED
@@ -40,13 +40,14 @@ var ActionList = function (_a) {
40
40
  fullWidth: 'always',
41
41
  index: index,
42
42
  hasBorder: childCount > 1 && index !== childCount - 1,
43
- inverted: (_a = child.props.inverted) !== null && _a !== void 0 ? _a : inverted, // prioritise child prop
43
+ inverted: (_a = child.props.inverted) !== null && _a !== void 0 ? _a : inverted,
44
+ inList: true,
44
45
  });
45
46
  }) })));
46
47
  };
47
48
  var ActionWrapper = function (_a) {
48
49
  var children = _a.children, accessibilityRole = _a.accessibilityRole, _b = _a.activeOpacity, activeOpacity = _b === void 0 ? 0.75 : _b, fullWidth = _a.fullWidth, _c = _a.hasBorder, hasBorder = _c === void 0 ? false : _c, _d = _a.inverted, inverted = _d === void 0 ? false : _d, onPress = _a.onPress, testID = _a.testID, rest = __rest(_a, ["children", "accessibilityRole", "activeOpacity", "fullWidth", "hasBorder", "inverted", "onPress", "testID"]);
49
- return (_jsx(StyledActionWrapper, __assign({ hasBorder: hasBorder, inverted: inverted, testID: testID }, rest, { children: _jsx(TouchableOpacity, __assign({ activeOpacity: activeOpacity, accessibilityRole: accessibilityRole, onPress: onPress }, { children: _jsx(StyledActionInner, __assign({ fullWidth: fullWidth }, { children: children })) })) })));
50
+ return (_jsx(StyledActionWrapper, __assign({ hasBorder: hasBorder, inverted: inverted, testID: testID }, rest, { children: _jsx(TouchableOpacity, __assign({ activeOpacity: activeOpacity, accessibilityRole: accessibilityRole, onPress: onPress }, { children: _jsx(StyledActionInner, __assign({ fullWidth: fullWidth, inList: rest === null || rest === void 0 ? void 0 : rest.inList }, { children: children })) })) })));
50
51
  };
51
52
  var Action = function (_a) {
52
53
  var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'link' : _b, _c = _a.actionType, actionType = _c === void 0 ? 'link' : _c, children = _a.children, _d = _a.fullWidth, fullWidth = _d === void 0 ? 'never' : _d, _e = _a.inverted, inverted = _e === void 0 ? false : _e, onPress = _a.onPress, testID = _a.testID, rest = __rest(_a, ["accessibilityRole", "actionType", "children", "fullWidth", "inverted", "onPress", "testID"]);
@@ -59,6 +60,6 @@ var Action = function (_a) {
59
60
  if (fullWidth === 'small') {
60
61
  fullWidth = smallAndUp ? 'never' : 'always';
61
62
  }
62
- return (_jsxs(ActionWrapper, __assign({ accessibilityRole: accessibilityRole, fullWidth: fullWidth, inverted: inverted, onPress: onPress, testID: testID }, rest, { children: [isBackAction ? (_jsx(StyledLeftIcon, { inverted: inverted, name: ACTION_TYPES.back, size: 16 })) : null, _jsx(StyledActionText, __assign({ smallAndUp: smallAndUp, inverted: inverted }, { children: children })), updatedIconRight ? (_jsx(StyledRightIcon, { inverted: inverted, name: updatedIconRight, marginTop: actionType === 'link' ? 1 : 0, size: 16 })) : null] })));
63
+ return (_jsxs(ActionWrapper, __assign({ accessibilityRole: accessibilityRole, fullWidth: fullWidth, inverted: inverted, onPress: onPress, testID: testID }, rest, { children: [isBackAction ? (_jsx(StyledLeftIcon, { inverted: inverted, name: ACTION_TYPES.back, size: 16 })) : null, _jsx(StyledActionText, __assign({ smallAndUp: smallAndUp, inverted: inverted, inList: rest === null || rest === void 0 ? void 0 : rest.inList }, { children: children })), updatedIconRight ? (_jsx(StyledRightIcon, { inverted: inverted, name: updatedIconRight, marginTop: actionType === 'link' ? 1 : 0, size: 16 })) : null] })));
63
64
  };
64
65
  export { ActionList, Action };
package/dist/esm/components/ActionList/styled.js CHANGED
@@ -15,11 +15,13 @@ export var StyledActionInner = styled.View(function (_a) {
15
15
  return "\n display: flex;\n flex-direction: row;\n justify-content: ".concat(fullWidth === 'always' ? 'space-between' : 'flex-start', ";\n align-items: center;\n min-height: 44px;\n");
16
16
  });
17
17
  export var StyledActionText = styled.Text(function (_a) {
18
- var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp, _c = _a.inverted, inverted = _c === void 0 ? false : _c;
18
+ var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp, _c = _a.inverted, inverted = _c === void 0 ? false : _c, _d = _a.inList, inList = _d === void 0 ? false : _d;
19
19
  var fontSize = smallAndUp
20
20
  ? core.fontSize.body.large
21
21
  : core.fontSize.body.small;
22
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n flex: 1;\n "], ["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n flex: 1;\n "])), inverted ? semantic.inverted.message.base : semantic.message.base, core.fontFamily.bodyBold.native, fontSize, core.lineHeight.body.small);
22
+ return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n flex: ", ";\n "], ["\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n flex: ", ";\n "])), inverted
23
+ ? semantic.inverted.message.base
24
+ : semantic.message.base, core.fontFamily.bodyBold.native, fontSize, core.lineHeight.body.small, inList ? 1 : 'none');
23
25
  });
24
26
  export var StyledRightIcon = styled(Icon)(function (_a) {
25
27
  var _b = _a.theme, core = _b.core, semantic = _b.semantic, inverted = _a.inverted, marginTop = _a.marginTop;
package/dist/esm/components/List/List.js CHANGED
@@ -48,11 +48,14 @@ var StyledBullet = styled.Text(function (_a) {
48
48
  : core.lineHeight.body.small;
49
49
  return 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]);
50
50
  });
51
- var StyledUlItem = styled.View(function () { return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-direction: row;\n align-items: flex-start;\n justify-content: center;\n "], ["\n flex-direction: row;\n align-items: flex-start;\n justify-content: center;\n "]))); });
51
+ var StyledUlItem = styled.View(function (_a) {
52
+ var core = _a.theme.core, level = _a.level;
53
+ return 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]);
54
+ });
52
55
  var Bullet = styledComponentWithBreakpoints(StyledBullet);
53
56
  var ListBulletItem = function (_a) {
54
- var children = _a.children, _b = _a.showBullets, showBullets = _b === void 0 ? true : _b;
55
- return (_jsxs(StyledUlItem, { children: [_jsx(UlBullet, { visible: showBullets }), children] }));
57
+ var children = _a.children, _b = _a.showBullets, showBullets = _b === void 0 ? true : _b, level = _a.level;
58
+ return (_jsxs(StyledUlItem, __assign({ level: level }, { children: [_jsx(UlBullet, { visible: showBullets }), children] })));
56
59
  };
57
60
  var ListNumberedItem = function (_a) {
58
61
  var children = _a.children, prefix = _a.prefix;
@@ -65,7 +68,24 @@ var StyledList = styled.View(function (_a) {
65
68
  var ListWrapper = styledComponentWithBreakpoints(StyledList);
66
69
  var Ul = function (_a) {
67
70
  var children = _a.children, _b = _a.showBullets, showBullets = _b === void 0 ? true : _b, rest = __rest(_a, ["children", "showBullets"]);
68
- return (_jsx(ListWrapper, __assign({}, rest, { children: _jsx(Stack, __assign({ spaceBetween: 2 }, { children: Children.map(children, function (child) { return (_jsx(ListBulletItem, __assign({ showBullets: showBullets }, { children: child }))); }) })) })));
71
+ var renderList = function (arrayChildren, level) {
72
+ if (level === void 0) { level = 0; }
73
+ return Children.map(arrayChildren, function (child) {
74
+ var _a, _b;
75
+ // @ts-ignore It complains that child props doesn't exist. Weird.
76
+ if (Array.isArray((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.children)) {
77
+ var lvl = level;
78
+ var PADDING = 3;
79
+ lvl = lvl + PADDING;
80
+ // @ts-ignore It complains that child props doesn't exist. Weird.
81
+ return renderList((_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.children, lvl);
82
+ }
83
+ else {
84
+ return (_jsx(ListBulletItem, __assign({ showBullets: showBullets, level: level }, { children: child })));
85
+ }
86
+ });
87
+ };
88
+ return (_jsx(ListWrapper, __assign({}, rest, { children: _jsx(Stack, __assign({ spaceBetween: 2 }, { children: renderList(children) })) })));
69
89
  };
70
90
  var Ol = function (_a) {
71
91
  var children = _a.children, rest = __rest(_a, ["children"]);
package/dist/providers/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { FunctionComponent } from 'react';
2
2
  import { SvgProps } from 'react-native-svg';
3
- export declare type IconName = 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'chart' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-left-small' | 'chevron-left-small-first' | 'chevron-right' | 'chevron-right-small' | 'chevron-right-small-last' | 'chevron-up' | 'cross' | 'dollar' | 'download' | 'electricity' | 'euro' | 'gas' | 'help' | 'hide' | 'home' | 'info' | 'link' | 'logo' | 'minus' | 'new-window' | 'payment-card' | 'plus' | 'pound' | 'search' | 'show' | 'user';
3
+ 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';
4
4
  export declare type IconNameExtended = IconName | string;
5
5
  export declare type IconsType = Record<string, FunctionComponent<SvgProps>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ovotech/element-native",
3
- "version": "3.3.0",
3
+ "version": "3.3.1-canary-0e0e5de-133",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -13,7 +13,7 @@
13
13
  "url": "@ovotech/element"
14
14
  },
15
15
  "dependencies": {
16
- "@ovotech/element-core": "^2.0.1",
16
+ "@ovotech/element-core": "^2.0.1-canary-0e0e5de-133",
17
17
  "deepmerge": "^4.2.2",
18
18
  "lodash.groupby": "^4.6.0"
19
19
  },