@ovotech/element-native 0.0.2 → 2.0.0-beta.0

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 (223) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +5 -22
  2. package/dist/components/Accordion/Accordion.js +99 -65
  3. package/dist/components/Accordion/Group.d.ts +3 -0
  4. package/dist/components/Accordion/Group.js +41 -0
  5. package/dist/components/Accordion/Icon.d.ts +4 -0
  6. package/dist/components/Accordion/Icon.js +68 -0
  7. package/dist/components/Accordion/hooks.d.ts +6 -0
  8. package/dist/components/Accordion/hooks.js +43 -0
  9. package/dist/components/Accordion/index.d.ts +4 -1
  10. package/dist/components/Accordion/index.js +5 -2
  11. package/dist/components/Accordion/styles.d.ts +46 -0
  12. package/dist/components/Accordion/styles.js +52 -0
  13. package/dist/components/Accordion/types.d.ts +20 -0
  14. package/dist/components/Accordion/types.js +2 -0
  15. package/dist/components/Badge/Badge.d.ts +0 -1
  16. package/dist/components/Badge/Badge.js +3 -5
  17. package/dist/components/CTAButton/CTAButton.d.ts +2 -2
  18. package/dist/components/CTAButton/CTAButton.js +1 -1
  19. package/dist/components/CTALink/CTALink.js +1 -21
  20. package/dist/components/Card/Card.js +6 -5
  21. package/dist/components/Checkbox/Checkbox.js +10 -6
  22. package/dist/components/DataTable/DataTable.js +40 -42
  23. package/dist/components/DateField/DateField.js +3 -3
  24. package/dist/components/Disclosure/Disclosure.js +4 -15
  25. package/dist/components/ErrorText/ErrorText.js +1 -1
  26. package/dist/components/Field/Field.js +3 -3
  27. package/dist/components/FormGroup/FormGroup.js +3 -31
  28. package/dist/components/Heading/Heading.js +4 -17
  29. package/dist/components/HintText/HintText.js +1 -1
  30. package/dist/components/Icon/Icon.d.ts +1 -1
  31. package/dist/components/Icon/Icon.js +1 -1
  32. package/dist/components/Input/CurrencyInput.d.ts +2 -2
  33. package/dist/components/Input/EmailInput.d.ts +2 -2
  34. package/dist/components/Input/Input.d.ts +1 -1
  35. package/dist/components/Input/NumberInput.d.ts +2 -2
  36. package/dist/components/Input/PasswordInput.d.ts +2 -2
  37. package/dist/components/Input/TelInput.d.ts +2 -2
  38. package/dist/components/Input/TextInput.d.ts +2 -2
  39. package/dist/components/Input/TextareaInput.d.ts +2 -2
  40. package/dist/components/LabelText/LabelText.js +1 -1
  41. package/dist/components/List/List.d.ts +3 -1
  42. package/dist/components/List/List.js +18 -13
  43. package/dist/components/Margin/Margin.d.ts +1 -1
  44. package/dist/components/Margin/Margin.js +3 -1
  45. package/dist/components/NavHeader/NavHeader.d.ts +15 -0
  46. package/dist/components/NavHeader/NavHeader.js +93 -0
  47. package/dist/components/NavHeader/index.d.ts +1 -0
  48. package/dist/components/NavHeader/index.js +5 -0
  49. package/dist/components/Notification/Notification.d.ts +10 -0
  50. package/dist/components/Notification/Notification.js +50 -17
  51. package/dist/components/Radio/Radio.js +10 -6
  52. package/dist/components/Tabs/Tab.js +2 -2
  53. package/dist/components/Tabs/TabList.d.ts +1 -1
  54. package/dist/components/Tabs/TabList.js +2 -1
  55. package/dist/components/Tabs/Tabs.d.ts +1 -1
  56. package/dist/components/Tabs/Tabs.js +5 -3
  57. package/dist/components/Text/Text.js +3 -3
  58. package/dist/components/TextField/CurrencyField.d.ts +2 -2
  59. package/dist/components/TextField/EmailField.d.ts +2 -2
  60. package/dist/components/TextField/NumberField.d.ts +2 -2
  61. package/dist/components/TextField/PasswordField.d.ts +2 -2
  62. package/dist/components/TextField/TelField.d.ts +2 -2
  63. package/dist/components/TextField/TextField.d.ts +2 -2
  64. package/dist/components/TextField/TextareaField.d.ts +2 -2
  65. package/dist/components/index.d.ts +1 -0
  66. package/dist/components/index.js +1 -0
  67. package/dist/esm/components/Accordion/Accordion.js +98 -65
  68. package/dist/esm/components/Accordion/Group.js +14 -0
  69. package/dist/esm/components/Accordion/Icon.js +38 -0
  70. package/dist/esm/components/Accordion/hooks.js +16 -0
  71. package/dist/esm/components/Accordion/index.js +3 -1
  72. package/dist/esm/components/Accordion/styles.js +49 -0
  73. package/dist/esm/components/Accordion/types.js +1 -0
  74. package/dist/esm/components/Badge/Badge.js +3 -5
  75. package/dist/esm/components/CTAButton/CTAButton.js +1 -1
  76. package/dist/esm/components/CTALink/CTALink.js +1 -21
  77. package/dist/esm/components/Card/Card.js +6 -5
  78. package/dist/esm/components/Checkbox/Checkbox.js +10 -6
  79. package/dist/esm/components/DataTable/DataTable.js +40 -42
  80. package/dist/esm/components/DateField/DateField.js +3 -3
  81. package/dist/esm/components/Disclosure/Disclosure.js +4 -15
  82. package/dist/esm/components/ErrorText/ErrorText.js +1 -1
  83. package/dist/esm/components/Field/Field.js +3 -3
  84. package/dist/esm/components/FormGroup/FormGroup.js +3 -8
  85. package/dist/esm/components/Heading/Heading.js +4 -17
  86. package/dist/esm/components/HintText/HintText.js +1 -1
  87. package/dist/esm/components/Icon/Icon.js +1 -1
  88. package/dist/esm/components/LabelText/LabelText.js +1 -1
  89. package/dist/esm/components/List/List.js +18 -13
  90. package/dist/esm/components/Margin/Margin.js +3 -1
  91. package/dist/esm/components/NavHeader/NavHeader.js +63 -0
  92. package/dist/esm/components/NavHeader/index.js +1 -0
  93. package/dist/esm/components/Notification/Notification.js +49 -16
  94. package/dist/esm/components/Radio/Radio.js +10 -6
  95. package/dist/esm/components/Tabs/Tab.js +2 -2
  96. package/dist/esm/components/Tabs/TabList.js +2 -1
  97. package/dist/esm/components/Tabs/Tabs.js +5 -3
  98. package/dist/esm/components/Text/Text.js +3 -3
  99. package/dist/esm/components/index.js +1 -0
  100. package/dist/esm/providers/IconsProvider.js +28 -8
  101. package/dist/esm/providers/icons/ArrowDown.js +15 -0
  102. package/dist/esm/providers/icons/ArrowLeft.js +15 -0
  103. package/dist/esm/providers/icons/ArrowRight.js +15 -0
  104. package/dist/esm/providers/icons/ArrowUp.js +15 -0
  105. package/dist/esm/providers/icons/CaretDown.js +1 -1
  106. package/dist/esm/providers/icons/CaretLeft.js +15 -0
  107. package/dist/esm/providers/icons/CaretRight.js +1 -1
  108. package/dist/esm/providers/icons/CaretUp.js +15 -0
  109. package/dist/esm/providers/icons/Chart.js +15 -0
  110. package/dist/esm/providers/icons/Check.js +2 -2
  111. package/dist/esm/providers/icons/ChevronDown.js +2 -2
  112. package/dist/esm/providers/icons/ChevronLeft.js +1 -1
  113. package/dist/esm/providers/icons/ChevronLeftSmall.js +15 -0
  114. package/dist/esm/providers/icons/ChevronLeftSmallFirst.js +15 -0
  115. package/dist/esm/providers/icons/ChevronRight.js +1 -1
  116. package/dist/esm/providers/icons/ChevronRightSmall.js +15 -0
  117. package/dist/esm/providers/icons/ChevronRightSmallLast.js +15 -0
  118. package/dist/esm/providers/icons/ChevronUp.js +2 -2
  119. package/dist/esm/providers/icons/Cross.js +1 -1
  120. package/dist/esm/providers/icons/Dollar.js +2 -3
  121. package/dist/esm/providers/icons/Download.js +1 -1
  122. package/dist/esm/providers/icons/Electricity.js +2 -3
  123. package/dist/esm/providers/icons/Euro.js +2 -3
  124. package/dist/esm/providers/icons/Gas.js +3 -3
  125. package/dist/esm/providers/icons/Help.js +15 -0
  126. package/dist/esm/providers/icons/Hide.js +15 -0
  127. package/dist/esm/providers/icons/HidePassword.js +15 -0
  128. package/dist/esm/providers/icons/Home.js +15 -0
  129. package/dist/esm/providers/icons/Info.js +15 -0
  130. package/dist/esm/providers/icons/Link.js +2 -2
  131. package/dist/esm/providers/icons/Logo.js +15 -0
  132. package/dist/esm/providers/icons/Minus.js +1 -1
  133. package/dist/esm/providers/icons/NewWindow.js +1 -2
  134. package/dist/esm/providers/icons/Payment.js +15 -0
  135. package/dist/esm/providers/icons/PaymentCard.js +15 -0
  136. package/dist/esm/providers/icons/Plus.js +1 -1
  137. package/dist/esm/providers/icons/Pound.js +2 -3
  138. package/dist/esm/providers/icons/Search.js +15 -0
  139. package/dist/esm/providers/icons/Show.js +15 -0
  140. package/dist/esm/providers/icons/ShowPassword.js +15 -0
  141. package/dist/esm/providers/icons/Usage.js +15 -0
  142. package/dist/esm/providers/icons/User.js +15 -0
  143. package/dist/esm/providers/icons/index.js +21 -1
  144. package/dist/esm/theme/create-theme.js +189 -112
  145. package/dist/providers/IconsProvider.js +27 -7
  146. package/dist/providers/icons/ArrowDown.d.ts +2 -0
  147. package/dist/providers/icons/ArrowDown.js +22 -0
  148. package/dist/providers/icons/ArrowLeft.d.ts +2 -0
  149. package/dist/providers/icons/ArrowLeft.js +22 -0
  150. package/dist/providers/icons/ArrowRight.d.ts +2 -0
  151. package/dist/providers/icons/ArrowRight.js +22 -0
  152. package/dist/providers/icons/ArrowUp.d.ts +2 -0
  153. package/dist/providers/icons/ArrowUp.js +22 -0
  154. package/dist/providers/icons/CaretDown.js +1 -1
  155. package/dist/providers/icons/CaretLeft.d.ts +2 -0
  156. package/dist/providers/icons/CaretLeft.js +22 -0
  157. package/dist/providers/icons/CaretRight.js +1 -1
  158. package/dist/providers/icons/CaretUp.d.ts +2 -0
  159. package/dist/providers/icons/CaretUp.js +22 -0
  160. package/dist/providers/icons/Chart.d.ts +2 -0
  161. package/dist/providers/icons/Chart.js +22 -0
  162. package/dist/providers/icons/Check.js +2 -2
  163. package/dist/providers/icons/ChevronDown.js +2 -2
  164. package/dist/providers/icons/ChevronLeft.js +1 -1
  165. package/dist/providers/icons/ChevronLeftSmall.d.ts +2 -0
  166. package/dist/providers/icons/ChevronLeftSmall.js +22 -0
  167. package/dist/providers/icons/ChevronLeftSmallFirst.d.ts +2 -0
  168. package/dist/providers/icons/ChevronLeftSmallFirst.js +22 -0
  169. package/dist/providers/icons/ChevronRight.js +1 -1
  170. package/dist/providers/icons/ChevronRightSmall.d.ts +2 -0
  171. package/dist/providers/icons/ChevronRightSmall.js +22 -0
  172. package/dist/providers/icons/ChevronRightSmallLast.d.ts +2 -0
  173. package/dist/providers/icons/ChevronRightSmallLast.js +22 -0
  174. package/dist/providers/icons/ChevronUp.js +2 -2
  175. package/dist/providers/icons/Cross.js +1 -1
  176. package/dist/providers/icons/Dollar.d.ts +1 -2
  177. package/dist/providers/icons/Dollar.js +1 -1
  178. package/dist/providers/icons/Download.js +1 -1
  179. package/dist/providers/icons/Electricity.d.ts +1 -2
  180. package/dist/providers/icons/Electricity.js +1 -1
  181. package/dist/providers/icons/Euro.d.ts +1 -2
  182. package/dist/providers/icons/Euro.js +1 -1
  183. package/dist/providers/icons/Gas.d.ts +1 -2
  184. package/dist/providers/icons/Gas.js +2 -1
  185. package/dist/providers/icons/Help.d.ts +2 -0
  186. package/dist/providers/icons/Help.js +22 -0
  187. package/dist/providers/icons/Hide.d.ts +2 -0
  188. package/dist/providers/icons/Hide.js +22 -0
  189. package/dist/providers/icons/HidePassword.d.ts +2 -0
  190. package/dist/providers/icons/HidePassword.js +22 -0
  191. package/dist/providers/icons/Home.d.ts +2 -0
  192. package/dist/providers/icons/Home.js +22 -0
  193. package/dist/providers/icons/Info.d.ts +2 -0
  194. package/dist/providers/icons/Info.js +22 -0
  195. package/dist/providers/icons/Link.js +2 -2
  196. package/dist/providers/icons/Logo.d.ts +2 -0
  197. package/dist/providers/icons/Logo.js +22 -0
  198. package/dist/providers/icons/Minus.js +1 -1
  199. package/dist/providers/icons/NewWindow.js +1 -2
  200. package/dist/providers/icons/Payment.d.ts +2 -0
  201. package/dist/providers/icons/Payment.js +22 -0
  202. package/dist/providers/icons/PaymentCard.d.ts +2 -0
  203. package/dist/providers/icons/PaymentCard.js +22 -0
  204. package/dist/providers/icons/Plus.js +1 -1
  205. package/dist/providers/icons/Pound.d.ts +1 -2
  206. package/dist/providers/icons/Pound.js +1 -1
  207. package/dist/providers/icons/Search.d.ts +2 -0
  208. package/dist/providers/icons/Search.js +22 -0
  209. package/dist/providers/icons/Show.d.ts +2 -0
  210. package/dist/providers/icons/Show.js +22 -0
  211. package/dist/providers/icons/ShowPassword.d.ts +2 -0
  212. package/dist/providers/icons/ShowPassword.js +22 -0
  213. package/dist/providers/icons/Usage.d.ts +2 -0
  214. package/dist/providers/icons/Usage.js +22 -0
  215. package/dist/providers/icons/User.d.ts +2 -0
  216. package/dist/providers/icons/User.js +22 -0
  217. package/dist/providers/icons/index.d.ts +21 -1
  218. package/dist/providers/icons/index.js +21 -1
  219. package/dist/providers/types.d.ts +1 -1
  220. package/dist/theme/create-theme.d.ts +1 -1
  221. package/dist/theme/create-theme.js +189 -112
  222. package/dist/theme/theme.d.ts +35 -25
  223. package/package.json +18 -15
@@ -0,0 +1,15 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import React from 'react';
13
+ import { Path, Svg } from 'react-native-svg';
14
+ export var Search = function (props) { return (React.createElement(Svg, __assign({ viewBox: "0 0 16 16" }, props),
15
+ React.createElement(Path, { d: "M16.02 14.61L11.65 10.05C12.37 9.01 12.8 7.76 12.8 6.4C12.8 2.87 9.93 0 6.4 0C2.87 0 0 2.87 0 6.4C0 9.93 2.87 12.8 6.4 12.8C7.85 12.8 9.19 12.31 10.26 11.49L14.57 15.99L16.01 14.61H16.02ZM6.4 10.8C3.97 10.8 2 8.83 2 6.4C2 3.97 3.97 2 6.4 2C8.83 2 10.8 3.97 10.8 6.4C10.8 8.83 8.83 10.8 6.4 10.8Z", fill: "currentColor" }))); };
@@ -0,0 +1,15 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import React from 'react';
13
+ import { Path, Svg } from 'react-native-svg';
14
+ export var Show = function (props) { return (React.createElement(Svg, __assign({ viewBox: "0 0 16 16" }, props),
15
+ React.createElement(Path, { d: "M8 3.5C4.89086 3.5 2.07286 5.21886 0 8C2.07286 10.7811 4.89086 12.5 8 12.5C11.1091 12.5 13.9271 10.7811 16 8C13.9271 5.21886 11.1091 3.5 8 3.5ZM8 5C9.65714 5 11 6.34286 11 8C11 9.65714 9.65714 11 8 11C6.34286 11 5 9.65714 5 8C5 6.34286 6.34286 5 8 5ZM8 6.5C7.17171 6.5 6.5 7.17171 6.5 8C6.5 8.82829 7.17171 9.5 8 9.5C8.82829 9.5 9.5 8.82829 9.5 8C9.5 7.17171 8.82829 6.5 8 6.5Z", fill: "currentColor" }))); };
@@ -0,0 +1,15 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import React from 'react';
13
+ import { Path, Svg } from 'react-native-svg';
14
+ export var ShowPassword = function (props) { return (React.createElement(Svg, __assign({ viewBox: "0 0 16 16" }, props),
15
+ React.createElement(Path, { d: "M8 3.5C4.89086 3.5 2.07286 5.21886 0 8C2.07286 10.7811 4.89086 12.5 8 12.5C11.1091 12.5 13.9271 10.7811 16 8C13.9271 5.21886 11.1091 3.5 8 3.5ZM8 5C9.65714 5 11 6.34286 11 8C11 9.65714 9.65714 11 8 11C6.34286 11 5 9.65714 5 8C5 6.34286 6.34286 5 8 5ZM8 6.5C7.17171 6.5 6.5 7.17171 6.5 8C6.5 8.82829 7.17171 9.5 8 9.5C8.82829 9.5 9.5 8.82829 9.5 8C9.5 7.17171 8.82829 6.5 8 6.5Z", fill: "currentColor" }))); };
@@ -0,0 +1,15 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import React from 'react';
13
+ import { Path, Svg } from 'react-native-svg';
14
+ export var Usage = function (props) { return (React.createElement(Svg, __assign({ viewBox: "0 0 16 16" }, props),
15
+ React.createElement(Path, { d: "M2 14V0H0V16H16V14H2ZM5 10H3V13H5V10ZM6.33 3H8.33V13H6.33V3ZM11.67 9H9.67V13H11.67V9ZM13 7H15V13H13V7Z", fill: "currentColor", fillRule: "evenodd" }))); };
@@ -0,0 +1,15 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import React from 'react';
13
+ import { Path, Svg } from 'react-native-svg';
14
+ export var User = function (props) { return (React.createElement(Svg, __assign({ viewBox: "0 0 16 16" }, props),
15
+ React.createElement(Path, { d: "M9.33 3.33C9.33 2.6 8.74 2 8 2C7.27 2 6.67 2.6 6.67 3.33C6.67 4.06 7.27 4.66 8 4.66C8.73 4.66 9.33 4.06 9.33 3.33ZM4.67 3.33C4.67 1.49 6.16 0 8 0C9.84 0 11.33 1.49 11.33 3.33C11.33 5.17 9.84 6.66 8 6.66C6.16 6.66 4.67 5.17 4.67 3.33ZM13.66 14C12.83 11.67 10.61 10 8 10C5.39 10 3.17 11.67 2.34 14H13.66ZM0 16C0 11.6 3.6 8 8 8C12.4 8 16 11.6 16 16H0Z", fill: "currentColor", fillRule: "evenodd" }))); };
@@ -1,18 +1,38 @@
1
+ export * from './ArrowDown';
2
+ export * from './ArrowLeft';
3
+ export * from './ArrowRight';
4
+ export * from './ArrowUp';
1
5
  export * from './CaretDown';
6
+ export * from './CaretLeft';
2
7
  export * from './CaretRight';
8
+ export * from './CaretUp';
3
9
  export * from './Check';
4
10
  export * from './ChevronDown';
5
11
  export * from './ChevronLeft';
12
+ export * from './ChevronLeftSmall';
13
+ export * from './ChevronLeftSmallFirst';
6
14
  export * from './ChevronRight';
15
+ export * from './ChevronRightSmall';
16
+ export * from './ChevronRightSmallLast';
7
17
  export * from './ChevronUp';
8
18
  export * from './Cross';
19
+ export * from './Dollar';
9
20
  export * from './Download';
10
21
  export * from './Electricity';
11
22
  export * from './Euro';
12
- export * from './Dollar';
13
23
  export * from './Gas';
24
+ export * from './Help';
25
+ export * from './Hide';
26
+ export * from './Home';
27
+ export * from './Info';
14
28
  export * from './Link';
29
+ export * from './Logo';
15
30
  export * from './Minus';
16
31
  export * from './NewWindow';
32
+ export * from './PaymentCard';
17
33
  export * from './Plus';
18
34
  export * from './Pound';
35
+ export * from './Search';
36
+ export * from './Show';
37
+ export * from './Chart';
38
+ export * from './User';