@ovotech/element-native 3.8.1 → 4.0.0-canary-a872093-246

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 (629) hide show
  1. package/components/package.json +6 -0
  2. package/dist/components/Accordion/Accordion.d.ts +2 -3
  3. package/dist/components/Accordion/Accordion.js +130 -97
  4. package/dist/components/Accordion/Group.js +21 -21
  5. package/dist/components/Accordion/Icon.js +60 -59
  6. package/dist/components/Accordion/index.d.ts +1 -1
  7. package/dist/components/Accordion/index.js +9 -19
  8. package/dist/components/Accordion/styles.d.ts +20 -2
  9. package/dist/components/Accordion/styles.js +59 -50
  10. package/dist/components/Accordion/types.d.ts +2 -2
  11. package/dist/components/Accordion/types.js +2 -1
  12. package/dist/components/ActionCard/ActionCard.d.ts +1 -1
  13. package/dist/components/ActionCard/ActionCard.js +104 -376
  14. package/dist/components/ActionCard/CloseIconShape.js +40 -14
  15. package/dist/components/ActionCard/IndicatorIconShape.js +40 -11
  16. package/dist/components/ActionCard/index.js +5 -185
  17. package/dist/components/ActionList/ActionList.d.ts +3 -4
  18. package/dist/components/ActionList/ActionList.js +56 -202
  19. package/dist/components/ActionList/index.js +6 -100
  20. package/dist/components/ActionList/styled.d.ts +523 -5
  21. package/dist/components/ActionList/styled.js +65 -152
  22. package/dist/components/Badge/Badge.d.ts +9 -3
  23. package/dist/components/Badge/Badge.js +96 -39
  24. package/dist/components/Badge/index.js +5 -8
  25. package/dist/components/CTAButton/CTAButton.d.ts +9 -8
  26. package/dist/components/CTAButton/CTAButton.js +118 -181
  27. package/dist/components/CTAButton/index.js +8 -100
  28. package/dist/components/CTALink/CTALink.d.ts +5 -5
  29. package/dist/components/CTALink/CTALink.js +22 -105
  30. package/dist/components/CTALink/index.js +7 -100
  31. package/dist/components/Card/Card.d.ts +7 -483
  32. package/dist/components/Card/Card.js +43 -17
  33. package/dist/components/Card/index.js +5 -7
  34. package/dist/components/Checkbox/Checkbox.js +78 -173
  35. package/dist/components/Checkbox/CheckboxField.d.ts +1 -1
  36. package/dist/components/Checkbox/CheckboxField.js +43 -39
  37. package/dist/components/Checkbox/index.js +7 -105
  38. package/dist/components/CurrencyField/CurrencyField.d.ts +1 -1
  39. package/dist/components/CurrencyField/CurrencyField.js +32 -109
  40. package/dist/components/CurrencyField/index.js +5 -108
  41. package/dist/components/CurrencyInput/CurrencyInput.d.ts +2 -2
  42. package/dist/components/CurrencyInput/CurrencyInput.js +36 -118
  43. package/dist/components/CurrencyInput/index.d.ts +1 -1
  44. package/dist/components/CurrencyInput/index.js +5 -100
  45. package/dist/components/DataTable/DataTable.js +45 -62
  46. package/dist/components/DataTable/TableRow.js +35 -44
  47. package/dist/components/DataTable/index.js +20 -25
  48. package/dist/components/DataTable/styles.d.ts +78 -0
  49. package/dist/components/DataTable/styles.js +86 -119
  50. package/dist/components/DataTable/types.d.ts +4 -4
  51. package/dist/components/DataTable/types.js +2 -1
  52. package/dist/components/DateField/DateField.d.ts +3 -4
  53. package/dist/components/DateField/DateField.js +87 -229
  54. package/dist/components/DateField/index.js +5 -107
  55. package/dist/components/DescriptionList/DescriptionList.d.ts +2 -2
  56. package/dist/components/DescriptionList/DescriptionList.js +43 -25
  57. package/dist/components/DescriptionList/index.js +6 -13
  58. package/dist/components/DescriptionList/styled.d.ts +6 -0
  59. package/dist/components/DescriptionList/styled.js +85 -42
  60. package/dist/components/Disclosure/Disclosure.js +79 -153
  61. package/dist/components/Disclosure/index.js +16 -96
  62. package/dist/components/Divider/Divider.d.ts +1 -1
  63. package/dist/components/Divider/Divider.js +43 -12
  64. package/dist/components/Divider/index.js +5 -7
  65. package/dist/components/Em/Em.d.ts +6 -0
  66. package/dist/components/Em/Em.js +12 -8
  67. package/dist/components/Em/index.js +5 -6
  68. package/dist/components/EmailField/EmailField.d.ts +1 -1
  69. package/dist/components/EmailField/EmailField.js +32 -108
  70. package/dist/components/EmailField/index.js +5 -107
  71. package/dist/components/EmailInput/EmailInput.d.ts +1 -1
  72. package/dist/components/EmailInput/EmailInput.js +18 -106
  73. package/dist/components/EmailInput/index.js +5 -98
  74. package/dist/components/ErrorSummaryNotification/ErrorSummaryNotification.d.ts +2 -2
  75. package/dist/components/ErrorSummaryNotification/ErrorSummaryNotification.js +50 -115
  76. package/dist/components/ErrorSummaryNotification/index.js +5 -104
  77. package/dist/components/ErrorText/ErrorText.d.ts +6 -0
  78. package/dist/components/ErrorText/ErrorText.js +42 -22
  79. package/dist/components/ErrorText/index.js +5 -11
  80. package/dist/components/Field/Field.d.ts +2 -2
  81. package/dist/components/Field/Field.js +58 -62
  82. package/dist/components/Field/index.js +16 -16
  83. package/dist/components/FilterSelect/FilterSelect.d.ts +2 -2
  84. package/dist/components/FilterSelect/FilterSelect.js +77 -201
  85. package/dist/components/FilterSelect/index.js +5 -102
  86. package/dist/components/FormGroup/FormGroup.d.ts +1 -1
  87. package/dist/components/FormGroup/FormGroup.js +42 -9
  88. package/dist/components/FormGroup/index.js +5 -8
  89. package/dist/components/Grid/Col.d.ts +7 -1
  90. package/dist/components/Grid/Col.js +58 -32
  91. package/dist/components/Grid/Row.d.ts +6 -0
  92. package/dist/components/Grid/Row.js +72 -34
  93. package/dist/components/Grid/index.js +7 -13
  94. package/dist/components/Heading1/Heading1.js +70 -36
  95. package/dist/components/Heading1/index.js +5 -10
  96. package/dist/components/Heading2/Heading2.js +70 -36
  97. package/dist/components/Heading2/index.js +5 -10
  98. package/dist/components/Heading3/Heading3.js +70 -36
  99. package/dist/components/Heading3/index.js +5 -10
  100. package/dist/components/Heading4/Heading4.js +70 -36
  101. package/dist/components/Heading4/index.js +5 -10
  102. package/dist/components/HintText/HintText.d.ts +6 -0
  103. package/dist/components/HintText/HintText.js +42 -22
  104. package/dist/components/HintText/index.js +5 -11
  105. package/dist/components/Icon/Icon.d.ts +2 -2
  106. package/dist/components/Icon/Icon.js +38 -103
  107. package/dist/components/Icon/index.js +5 -93
  108. package/dist/components/Input/Input.d.ts +1 -1
  109. package/dist/components/Input/Input.js +97 -198
  110. package/dist/components/Label/Label.js +50 -18
  111. package/dist/components/Label/index.js +5 -8
  112. package/dist/components/LabelText/LabelText.d.ts +6 -0
  113. package/dist/components/LabelText/LabelText.js +42 -20
  114. package/dist/components/LabelText/index.js +5 -11
  115. package/dist/components/Lead/Lead.js +52 -18
  116. package/dist/components/Lead/index.js +5 -8
  117. package/dist/components/LineThrough/LineThrough.d.ts +6 -0
  118. package/dist/components/LineThrough/LineThrough.js +12 -7
  119. package/dist/components/LineThrough/index.js +5 -6
  120. package/dist/components/List/List.d.ts +1 -1
  121. package/dist/components/List/List.js +32 -38
  122. package/dist/components/List/index.js +7 -16
  123. package/dist/components/List/styled.d.ts +25 -0
  124. package/dist/components/List/styled.js +52 -37
  125. package/dist/components/Margin/Margin.d.ts +8 -2
  126. package/dist/components/Margin/Margin.js +50 -68
  127. package/dist/components/Margin/index.js +5 -11
  128. package/dist/components/NavHeader/IconButton.d.ts +2 -2
  129. package/dist/components/NavHeader/IconButton.js +18 -119
  130. package/dist/components/NavHeader/NavHeader.d.ts +11 -3
  131. package/dist/components/NavHeader/NavHeader.js +65 -181
  132. package/dist/components/NavHeader/NavHeader.styles.d.ts +543 -7
  133. package/dist/components/NavHeader/NavHeader.styles.js +72 -81
  134. package/dist/components/NavHeader/index.d.ts +1 -1
  135. package/dist/components/NavHeader/index.js +5 -104
  136. package/dist/components/Notification/Notification.d.ts +14 -2
  137. package/dist/components/Notification/Notification.js +103 -190
  138. package/dist/components/Notification/index.js +9 -100
  139. package/dist/components/NumberField/NumberField.d.ts +1 -1
  140. package/dist/components/NumberField/NumberField.js +32 -108
  141. package/dist/components/NumberField/index.js +5 -107
  142. package/dist/components/NumberInput/NumberInput.d.ts +1 -1
  143. package/dist/components/NumberInput/NumberInput.js +18 -106
  144. package/dist/components/NumberInput/index.js +5 -98
  145. package/dist/components/P/P.js +54 -23
  146. package/dist/components/P/index.js +5 -10
  147. package/dist/components/PasswordField/PasswordField.d.ts +1 -1
  148. package/dist/components/PasswordField/PasswordField.js +32 -110
  149. package/dist/components/PasswordField/index.js +5 -109
  150. package/dist/components/PasswordInput/PasswordInput.d.ts +1 -1
  151. package/dist/components/PasswordInput/PasswordInput.js +33 -123
  152. package/dist/components/PasswordInput/PasswordInput.styled.d.ts +7 -1
  153. package/dist/components/PasswordInput/PasswordInput.styled.js +37 -18
  154. package/dist/components/PasswordInput/PasswordVisibilityToggle.d.ts +1 -1
  155. package/dist/components/PasswordInput/PasswordVisibilityToggle.js +26 -128
  156. package/dist/components/PasswordInput/index.js +5 -100
  157. package/dist/components/PhoneField/PhoneField.d.ts +1 -1
  158. package/dist/components/PhoneField/PhoneField.js +32 -108
  159. package/dist/components/PhoneField/index.js +5 -107
  160. package/dist/components/PhoneInput/PhoneInput.d.ts +1 -1
  161. package/dist/components/PhoneInput/PhoneInput.js +17 -106
  162. package/dist/components/PhoneInput/index.js +5 -98
  163. package/dist/components/ProductCarousel/NavigationDots.js +74 -57
  164. package/dist/components/ProductCarousel/ProductCarousel.js +126 -2174
  165. package/dist/components/ProductCarousel/anchor-point.js +51 -31
  166. package/dist/components/ProductCarousel/index.js +5 -101
  167. package/dist/components/Radio/Radio.js +67 -69
  168. package/dist/components/Radio/RadioField.d.ts +1 -1
  169. package/dist/components/Radio/RadioField.js +47 -46
  170. package/dist/components/Radio/index.js +7 -18
  171. package/dist/components/RadioCard/RadioCard.js +71 -68
  172. package/dist/components/RadioCard/index.js +5 -13
  173. package/dist/components/SelectField/Select.d.ts +8 -2
  174. package/dist/components/SelectField/Select.js +93 -852
  175. package/dist/components/SelectField/SelectField.d.ts +1 -1
  176. package/dist/components/SelectField/SelectField.js +32 -125
  177. package/dist/components/SelectField/index.js +5 -108
  178. package/dist/components/SkeletonAnimation/SkeletonAnimation.js +34 -47
  179. package/dist/components/SkeletonAnimation/index.js +5 -7
  180. package/dist/components/SkeletonCTA/SkeletonCTA.d.ts +1 -1
  181. package/dist/components/SkeletonCTA/SkeletonCTA.js +41 -17
  182. package/dist/components/SkeletonCTA/index.js +5 -12
  183. package/dist/components/SkeletonCircle/SkeletonCircle.d.ts +1 -1
  184. package/dist/components/SkeletonCircle/SkeletonCircle.js +44 -16
  185. package/dist/components/SkeletonCircle/index.js +5 -10
  186. package/dist/components/SkeletonHeading/SkeletonHeading.d.ts +1 -1
  187. package/dist/components/SkeletonHeading/SkeletonHeading.js +40 -29
  188. package/dist/components/SkeletonHeading/index.js +5 -12
  189. package/dist/components/SkeletonText/SkeletonText.d.ts +1 -1
  190. package/dist/components/SkeletonText/SkeletonText.js +50 -33
  191. package/dist/components/SkeletonText/index.js +5 -12
  192. package/dist/components/Small/Small.d.ts +6 -0
  193. package/dist/components/Small/Small.js +38 -17
  194. package/dist/components/Small/index.js +5 -11
  195. package/dist/components/Spinner/Spinner.d.ts +2 -2
  196. package/dist/components/Spinner/Spinner.js +68 -61
  197. package/dist/components/Spinner/index.js +5 -9
  198. package/dist/components/Stack/Stack.d.ts +1 -1
  199. package/dist/components/Stack/Stack.js +48 -30
  200. package/dist/components/Stack/index.js +5 -11
  201. package/dist/components/Stretch/Stretch.d.ts +1 -1
  202. package/dist/components/Stretch/Stretch.js +55 -11
  203. package/dist/components/Stretch/index.js +16 -8
  204. package/dist/components/Strong/Strong.d.ts +6 -0
  205. package/dist/components/Strong/Strong.js +10 -9
  206. package/dist/components/Strong/index.js +5 -6
  207. package/dist/components/SubLabelText/SubLabelText.d.ts +6 -0
  208. package/dist/components/SubLabelText/SubLabelText.js +42 -20
  209. package/dist/components/SubLabelText/index.js +5 -11
  210. package/dist/components/Tabs/Tab.d.ts +1 -2
  211. package/dist/components/Tabs/Tab.js +76 -60
  212. package/dist/components/Tabs/TabList.d.ts +2 -2
  213. package/dist/components/Tabs/TabList.js +77 -37
  214. package/dist/components/Tabs/TabPanel.js +64 -15
  215. package/dist/components/Tabs/Tabs.d.ts +2 -3
  216. package/dist/components/Tabs/Tabs.js +97 -46
  217. package/dist/components/Tabs/index.js +11 -19
  218. package/dist/components/TextField/TextField.d.ts +1 -1
  219. package/dist/components/TextField/TextField.js +32 -108
  220. package/dist/components/TextField/index.js +5 -107
  221. package/dist/components/TextGroup/TextGroup.js +40 -23
  222. package/dist/components/TextGroup/index.js +5 -7
  223. package/dist/components/TextInput/TextInput.d.ts +1 -1
  224. package/dist/components/TextInput/TextInput.js +18 -97
  225. package/dist/components/TextInput/index.js +5 -98
  226. package/dist/components/TextLink/TextLink.js +74 -118
  227. package/dist/components/TextLink/index.js +5 -97
  228. package/dist/components/TextareaField/TextareaField.d.ts +1 -1
  229. package/dist/components/TextareaField/TextareaField.js +32 -108
  230. package/dist/components/TextareaField/index.js +5 -107
  231. package/dist/components/TextareaInput/TextareaInput.d.ts +2 -2
  232. package/dist/components/TextareaInput/TextareaInput.js +65 -114
  233. package/dist/components/TextareaInput/index.d.ts +1 -1
  234. package/dist/components/TextareaInput/index.js +5 -98
  235. package/dist/components/Toast/Toast.d.ts +1 -1
  236. package/dist/components/Toast/Toast.js +159 -730
  237. package/dist/components/Toast/index.js +6 -105
  238. package/dist/components/Toggle/Toggle.d.ts +1 -1
  239. package/dist/components/Toggle/Toggle.js +55 -73
  240. package/dist/components/Toggle/index.js +5 -14
  241. package/dist/components/Toggle/styles.d.ts +25 -1
  242. package/dist/components/Toggle/styles.js +28 -38
  243. package/dist/components/index.d.ts +0 -3
  244. package/dist/components/index.js +77 -296
  245. package/dist/esm/components/Accordion/Accordion.js +106 -0
  246. package/dist/esm/components/Accordion/Group.js +18 -0
  247. package/dist/esm/components/Accordion/Icon.js +35 -0
  248. package/dist/esm/components/Accordion/index.js +3 -0
  249. package/dist/esm/components/Accordion/styles.js +31 -0
  250. package/dist/esm/components/ActionCard/ActionCard.js +77 -0
  251. package/dist/esm/components/ActionCard/CloseIconShape.js +11 -0
  252. package/dist/esm/components/ActionCard/IndicatorIconShape.js +11 -0
  253. package/dist/esm/components/ActionCard/index.js +1 -0
  254. package/dist/esm/components/ActionList/ActionList.js +54 -0
  255. package/dist/esm/components/ActionList/index.js +1 -0
  256. package/dist/esm/components/ActionList/styled.js +40 -0
  257. package/dist/esm/components/Badge/Badge.js +70 -0
  258. package/dist/esm/components/Badge/index.js +1 -0
  259. package/dist/esm/components/CTAButton/CTAButton.js +90 -0
  260. package/dist/esm/components/CTAButton/index.js +1 -0
  261. package/dist/esm/components/CTALink/CTALink.js +18 -0
  262. package/dist/esm/components/CTALink/index.js +1 -0
  263. package/dist/esm/components/Card/Card.js +37 -0
  264. package/dist/esm/components/Card/index.js +1 -0
  265. package/dist/esm/components/Checkbox/Checkbox.js +74 -0
  266. package/dist/esm/components/Checkbox/CheckboxField.js +42 -0
  267. package/dist/esm/components/Checkbox/index.js +2 -0
  268. package/dist/esm/components/CurrencyField/CurrencyField.js +30 -0
  269. package/dist/esm/components/CurrencyField/index.js +1 -0
  270. package/dist/esm/components/CurrencyInput/CurrencyInput.js +34 -0
  271. package/dist/esm/components/CurrencyInput/index.js +1 -0
  272. package/dist/esm/components/DataTable/DataTable.js +43 -0
  273. package/dist/esm/components/DataTable/TableRow.js +33 -0
  274. package/dist/esm/components/DataTable/index.js +3 -0
  275. package/dist/esm/components/DataTable/styles.js +61 -0
  276. package/dist/esm/components/DataTable/types.js +1 -0
  277. package/dist/esm/components/DateField/DateField.js +63 -0
  278. package/dist/esm/components/DateField/index.js +1 -0
  279. package/dist/esm/components/DescriptionList/DescriptionList.js +40 -0
  280. package/dist/esm/components/DescriptionList/index.js +1 -0
  281. package/dist/esm/components/DescriptionList/styled.js +58 -0
  282. package/dist/esm/components/Disclosure/Disclosure.js +55 -0
  283. package/dist/esm/components/Disclosure/index.js +1 -0
  284. package/dist/esm/components/Divider/Divider.js +17 -0
  285. package/dist/esm/components/Divider/index.js +1 -0
  286. package/dist/esm/components/Em/Em.js +7 -0
  287. package/dist/esm/components/Em/index.js +1 -0
  288. package/dist/esm/components/EmailField/EmailField.js +30 -0
  289. package/dist/esm/components/EmailField/index.js +1 -0
  290. package/dist/esm/components/EmailInput/EmailInput.js +16 -0
  291. package/dist/esm/components/EmailInput/index.js +1 -0
  292. package/dist/esm/components/ErrorSummaryNotification/ErrorSummaryNotification.js +49 -0
  293. package/dist/esm/components/ErrorSummaryNotification/index.js +1 -0
  294. package/dist/esm/components/ErrorText/ErrorText.js +17 -0
  295. package/dist/esm/components/ErrorText/index.js +1 -0
  296. package/dist/esm/components/Field/Field.js +58 -0
  297. package/dist/esm/components/Field/index.js +1 -0
  298. package/dist/esm/components/FilterSelect/FilterSelect.js +52 -0
  299. package/dist/esm/components/FilterSelect/index.js +1 -0
  300. package/dist/esm/components/FormGroup/FormGroup.js +37 -0
  301. package/dist/esm/components/FormGroup/index.js +1 -0
  302. package/dist/esm/components/Grid/Col.js +33 -0
  303. package/dist/esm/components/Grid/Row.js +47 -0
  304. package/dist/esm/components/Grid/index.js +2 -0
  305. package/dist/esm/components/Heading1/Heading1.js +46 -0
  306. package/dist/esm/components/Heading1/index.js +1 -0
  307. package/dist/esm/components/Heading2/Heading2.js +46 -0
  308. package/dist/esm/components/Heading2/index.js +1 -0
  309. package/dist/esm/components/Heading3/Heading3.js +46 -0
  310. package/dist/esm/components/Heading3/index.js +1 -0
  311. package/dist/esm/components/Heading4/Heading4.js +46 -0
  312. package/dist/esm/components/Heading4/index.js +1 -0
  313. package/dist/esm/components/HintText/HintText.js +17 -0
  314. package/dist/esm/components/HintText/index.js +1 -0
  315. package/dist/esm/components/Icon/Icon.js +36 -0
  316. package/dist/esm/components/Icon/index.js +1 -0
  317. package/dist/esm/components/Input/Input.js +74 -0
  318. package/dist/esm/components/Label/Label.js +25 -0
  319. package/dist/esm/components/Label/index.js +1 -0
  320. package/dist/esm/components/LabelText/LabelText.js +17 -0
  321. package/dist/esm/components/LabelText/index.js +1 -0
  322. package/dist/esm/components/Lead/Lead.js +27 -0
  323. package/dist/esm/components/Lead/index.js +1 -0
  324. package/dist/esm/components/LineThrough/LineThrough.js +7 -0
  325. package/dist/esm/components/LineThrough/index.js +1 -0
  326. package/dist/esm/components/List/List.js +29 -0
  327. package/dist/esm/components/List/index.js +1 -0
  328. package/dist/esm/components/List/styled.js +27 -0
  329. package/dist/esm/components/Margin/Margin.js +46 -0
  330. package/dist/esm/components/Margin/index.js +1 -0
  331. package/dist/esm/components/NavHeader/IconButton.js +16 -0
  332. package/dist/esm/components/NavHeader/NavHeader.js +42 -0
  333. package/dist/esm/components/NavHeader/NavHeader.styles.js +44 -0
  334. package/dist/esm/components/NavHeader/index.js +1 -0
  335. package/dist/esm/components/Notification/Notification.js +78 -0
  336. package/dist/esm/components/Notification/index.js +1 -0
  337. package/dist/esm/components/NumberField/NumberField.js +30 -0
  338. package/dist/esm/components/NumberField/index.js +1 -0
  339. package/dist/esm/components/NumberInput/NumberInput.js +16 -0
  340. package/dist/esm/components/NumberInput/index.js +1 -0
  341. package/dist/esm/components/P/P.js +29 -0
  342. package/dist/esm/components/P/index.js +1 -0
  343. package/dist/esm/components/PasswordField/PasswordField.js +30 -0
  344. package/dist/esm/components/PasswordField/index.js +1 -0
  345. package/dist/esm/components/PasswordInput/PasswordInput.js +32 -0
  346. package/dist/esm/components/PasswordInput/PasswordInput.styled.js +12 -0
  347. package/dist/esm/components/PasswordInput/PasswordVisibilityToggle.js +23 -0
  348. package/dist/esm/components/PasswordInput/index.js +1 -0
  349. package/dist/esm/components/PhoneField/PhoneField.js +30 -0
  350. package/dist/esm/components/PhoneField/index.js +1 -0
  351. package/dist/esm/components/PhoneInput/PhoneInput.js +15 -0
  352. package/dist/esm/components/PhoneInput/index.js +1 -0
  353. package/dist/esm/components/ProductCarousel/NavigationDots.js +50 -0
  354. package/dist/esm/components/ProductCarousel/ProductCarousel.js +98 -0
  355. package/dist/esm/components/ProductCarousel/anchor-point.js +49 -0
  356. package/dist/esm/components/ProductCarousel/index.js +1 -0
  357. package/dist/esm/components/Radio/Radio.js +62 -0
  358. package/dist/esm/components/Radio/RadioField.js +46 -0
  359. package/dist/esm/components/Radio/index.js +2 -0
  360. package/dist/esm/components/RadioCard/RadioCard.js +66 -0
  361. package/dist/esm/components/RadioCard/index.js +1 -0
  362. package/dist/esm/components/SelectField/Select.js +66 -0
  363. package/dist/esm/components/SelectField/SelectField.js +29 -0
  364. package/dist/esm/components/SelectField/index.js +1 -0
  365. package/dist/esm/components/SkeletonAnimation/SkeletonAnimation.js +31 -0
  366. package/dist/esm/components/SkeletonAnimation/index.js +1 -0
  367. package/dist/esm/components/SkeletonCTA/SkeletonCTA.js +35 -0
  368. package/dist/esm/components/SkeletonCTA/index.js +1 -0
  369. package/dist/esm/components/SkeletonCircle/SkeletonCircle.js +38 -0
  370. package/dist/esm/components/SkeletonCircle/index.js +1 -0
  371. package/dist/esm/components/SkeletonHeading/SkeletonHeading.js +34 -0
  372. package/dist/esm/components/SkeletonHeading/index.js +1 -0
  373. package/dist/esm/components/SkeletonText/SkeletonText.js +45 -0
  374. package/dist/esm/components/SkeletonText/index.js +1 -0
  375. package/dist/esm/components/Small/Small.js +13 -0
  376. package/dist/esm/components/Small/index.js +1 -0
  377. package/dist/esm/components/Spinner/Spinner.js +44 -0
  378. package/dist/esm/components/Spinner/index.js +1 -0
  379. package/dist/esm/components/Stack/Stack.js +43 -0
  380. package/dist/esm/components/Stack/index.js +1 -0
  381. package/dist/esm/components/Stretch/Stretch.js +29 -0
  382. package/dist/esm/components/Stretch/index.js +1 -0
  383. package/dist/esm/components/Strong/Strong.js +5 -0
  384. package/dist/esm/components/Strong/index.js +1 -0
  385. package/dist/esm/components/SubLabelText/SubLabelText.js +17 -0
  386. package/dist/esm/components/SubLabelText/index.js +1 -0
  387. package/dist/esm/components/Tabs/Tab.js +53 -0
  388. package/dist/esm/components/Tabs/TabList.js +51 -0
  389. package/dist/esm/components/Tabs/TabPanel.js +38 -0
  390. package/dist/esm/components/Tabs/Tabs.js +72 -0
  391. package/dist/esm/components/Tabs/index.js +4 -0
  392. package/dist/esm/components/TextField/TextField.js +30 -0
  393. package/dist/esm/components/TextField/index.js +1 -0
  394. package/dist/esm/components/TextGroup/TextGroup.js +39 -0
  395. package/dist/esm/components/TextGroup/index.js +1 -0
  396. package/dist/esm/components/TextInput/TextInput.js +16 -0
  397. package/dist/esm/components/TextInput/index.js +1 -0
  398. package/dist/esm/components/TextLink/TextLink.js +49 -0
  399. package/dist/esm/components/TextLink/index.js +1 -0
  400. package/dist/esm/components/TextareaField/TextareaField.js +30 -0
  401. package/dist/esm/components/TextareaField/index.js +1 -0
  402. package/dist/esm/components/TextareaInput/TextareaInput.js +41 -0
  403. package/dist/esm/components/TextareaInput/index.js +1 -0
  404. package/dist/esm/components/Toast/Toast.js +141 -0
  405. package/dist/esm/components/Toast/index.js +1 -0
  406. package/dist/esm/components/Toggle/Toggle.js +53 -0
  407. package/dist/esm/components/Toggle/index.js +1 -0
  408. package/dist/esm/components/Toggle/styles.js +23 -0
  409. package/dist/esm/components/index.js +62 -0
  410. package/dist/esm/hooks/index.js +2 -0
  411. package/dist/esm/hooks/use-breakpoint.js +12 -0
  412. package/dist/esm/hooks/use-full-width.js +16 -0
  413. package/dist/esm/hooks/use-layout.js +16 -0
  414. package/dist/esm/index.js +3 -0
  415. package/dist/esm/providers/IconsProvider.js +115 -0
  416. package/dist/esm/providers/icons/Address.js +14 -0
  417. package/dist/esm/providers/icons/Advice.js +14 -0
  418. package/dist/esm/providers/icons/Archive.js +14 -0
  419. package/dist/esm/providers/icons/ArrowDown.js +14 -0
  420. package/dist/esm/providers/icons/ArrowLeft.js +14 -0
  421. package/dist/esm/providers/icons/ArrowRight.js +14 -0
  422. package/dist/esm/providers/icons/ArrowUp.js +14 -0
  423. package/dist/esm/providers/icons/Award.js +14 -0
  424. package/dist/esm/providers/icons/Battery.js +14 -0
  425. package/dist/esm/providers/icons/Cal.js +14 -0
  426. package/dist/esm/providers/icons/CalBook.js +14 -0
  427. package/dist/esm/providers/icons/CaretDown.js +14 -0
  428. package/dist/esm/providers/icons/CaretLeft.js +14 -0
  429. package/dist/esm/providers/icons/CaretRight.js +14 -0
  430. package/dist/esm/providers/icons/CaretUp.js +14 -0
  431. package/dist/esm/providers/icons/Chart.js +14 -0
  432. package/dist/esm/providers/icons/ChartFilled.js +14 -0
  433. package/dist/esm/providers/icons/Check.js +14 -0
  434. package/dist/esm/providers/icons/CheckCircle.js +14 -0
  435. package/dist/esm/providers/icons/ChevronDown.js +14 -0
  436. package/dist/esm/providers/icons/ChevronLeft.js +14 -0
  437. package/dist/esm/providers/icons/ChevronLeftSmall.js +14 -0
  438. package/dist/esm/providers/icons/ChevronLeftSmallFirst.js +14 -0
  439. package/dist/esm/providers/icons/ChevronRight.js +14 -0
  440. package/dist/esm/providers/icons/ChevronRightSmall.js +14 -0
  441. package/dist/esm/providers/icons/ChevronRightSmallLast.js +14 -0
  442. package/dist/esm/providers/icons/ChevronUp.js +14 -0
  443. package/dist/esm/providers/icons/Circle.js +14 -0
  444. package/dist/esm/providers/icons/CloseCircle.js +14 -0
  445. package/dist/esm/providers/icons/Cross.js +14 -0
  446. package/dist/esm/providers/icons/Doc.js +14 -0
  447. package/dist/esm/providers/icons/Dollar.js +14 -0
  448. package/dist/esm/providers/icons/Download.js +14 -0
  449. package/dist/esm/providers/icons/Eco.js +14 -0
  450. package/dist/esm/providers/icons/EcoHome.js +14 -0
  451. package/dist/esm/providers/icons/Edit.js +14 -0
  452. package/dist/esm/providers/icons/ElectricCar.js +14 -0
  453. package/dist/esm/providers/icons/ElectricHome.js +14 -0
  454. package/dist/esm/providers/icons/Electricity.js +14 -0
  455. package/dist/esm/providers/icons/EnergyAdvice.js +14 -0
  456. package/dist/esm/providers/icons/Equals.js +14 -0
  457. package/dist/esm/providers/icons/Euro.js +14 -0
  458. package/dist/esm/providers/icons/Gas.js +14 -0
  459. package/dist/esm/providers/icons/GlobeAddress.js +14 -0
  460. package/dist/esm/providers/icons/Help.js +14 -0
  461. package/dist/esm/providers/icons/HelpFilled.js +14 -0
  462. package/dist/esm/providers/icons/Hide.js +14 -0
  463. package/dist/esm/providers/icons/Home.js +14 -0
  464. package/dist/esm/providers/icons/HomeFilled.js +14 -0
  465. package/dist/esm/providers/icons/HydroPower.js +14 -0
  466. package/dist/esm/providers/icons/Info.js +14 -0
  467. package/dist/esm/providers/icons/Link.js +14 -0
  468. package/dist/esm/providers/icons/Logo.js +14 -0
  469. package/dist/esm/providers/icons/Mail.js +14 -0
  470. package/dist/esm/providers/icons/MailOpen.js +14 -0
  471. package/dist/esm/providers/icons/Menu.js +14 -0
  472. package/dist/esm/providers/icons/Message.js +14 -0
  473. package/dist/esm/providers/icons/MessageFilled.js +14 -0
  474. package/dist/esm/providers/icons/Minus.js +14 -0
  475. package/dist/esm/providers/icons/Mobile.js +14 -0
  476. package/dist/esm/providers/icons/NewWindow.js +14 -0
  477. package/dist/esm/providers/icons/PaymentCard.js +14 -0
  478. package/dist/esm/providers/icons/PaymentCardFilled.js +14 -0
  479. package/dist/esm/providers/icons/Phone.js +14 -0
  480. package/dist/esm/providers/icons/Plus.js +14 -0
  481. package/dist/esm/providers/icons/Pound.js +14 -0
  482. package/dist/esm/providers/icons/Pricing.js +14 -0
  483. package/dist/esm/providers/icons/Search.js +14 -0
  484. package/dist/esm/providers/icons/Security.js +14 -0
  485. package/dist/esm/providers/icons/Show.js +14 -0
  486. package/dist/esm/providers/icons/SmartHome.js +14 -0
  487. package/dist/esm/providers/icons/SmartMeter.js +14 -0
  488. package/dist/esm/providers/icons/Solar.js +14 -0
  489. package/dist/esm/providers/icons/Star.js +14 -0
  490. package/dist/esm/providers/icons/StarFilled.js +14 -0
  491. package/dist/esm/providers/icons/Sun.js +14 -0
  492. package/dist/esm/providers/icons/Torch.js +14 -0
  493. package/dist/esm/providers/icons/Trees.js +14 -0
  494. package/dist/esm/providers/icons/Tune.js +14 -0
  495. package/dist/esm/providers/icons/User.js +14 -0
  496. package/dist/esm/providers/icons/UserFilled.js +14 -0
  497. package/dist/esm/providers/icons/Wallet.js +14 -0
  498. package/dist/esm/providers/icons/WalletFilled.js +14 -0
  499. package/dist/esm/providers/icons/WarmHome.js +14 -0
  500. package/dist/esm/providers/icons/Warning.js +14 -0
  501. package/dist/esm/providers/icons/WebAddress.js +14 -0
  502. package/dist/esm/providers/icons/WindPower.js +14 -0
  503. package/dist/esm/providers/icons/index.js +87 -0
  504. package/dist/esm/providers/index.js +2 -0
  505. package/dist/esm/providers/types.js +1 -0
  506. package/dist/esm/styled.native.js +4 -0
  507. package/dist/esm/theme/index.js +1 -0
  508. package/dist/esm/utils/index.js +1 -0
  509. package/dist/esm/utils/utils.js +95 -0
  510. package/dist/hooks/index.js +17 -8
  511. package/dist/hooks/use-breakpoint.d.ts +2 -2
  512. package/dist/hooks/use-breakpoint.js +15 -15
  513. package/dist/hooks/use-full-width.d.ts +1 -1
  514. package/dist/hooks/use-full-width.js +19 -16
  515. package/dist/hooks/use-layout.js +19 -17
  516. package/dist/index.d.ts +0 -2
  517. package/dist/index.js +18 -320
  518. package/dist/providers/IconsProvider.js +118 -189
  519. package/dist/providers/icons/Address.js +40 -13
  520. package/dist/providers/icons/Advice.js +40 -11
  521. package/dist/providers/icons/Archive.js +40 -13
  522. package/dist/providers/icons/ArrowDown.js +40 -11
  523. package/dist/providers/icons/ArrowLeft.js +40 -11
  524. package/dist/providers/icons/ArrowRight.js +40 -11
  525. package/dist/providers/icons/ArrowUp.js +40 -11
  526. package/dist/providers/icons/Award.js +40 -13
  527. package/dist/providers/icons/Battery.js +40 -13
  528. package/dist/providers/icons/Cal.js +40 -11
  529. package/dist/providers/icons/CalBook.js +40 -13
  530. package/dist/providers/icons/CaretDown.js +40 -5
  531. package/dist/providers/icons/CaretLeft.js +40 -5
  532. package/dist/providers/icons/CaretRight.js +40 -5
  533. package/dist/providers/icons/CaretUp.js +40 -5
  534. package/dist/providers/icons/Chart.js +40 -13
  535. package/dist/providers/icons/ChartFilled.js +40 -11
  536. package/dist/providers/icons/Check.js +40 -11
  537. package/dist/providers/icons/CheckCircle.js +40 -13
  538. package/dist/providers/icons/ChevronDown.js +40 -11
  539. package/dist/providers/icons/ChevronLeft.js +40 -11
  540. package/dist/providers/icons/ChevronLeftSmall.js +40 -11
  541. package/dist/providers/icons/ChevronLeftSmallFirst.js +40 -13
  542. package/dist/providers/icons/ChevronRight.js +40 -11
  543. package/dist/providers/icons/ChevronRightSmall.js +40 -11
  544. package/dist/providers/icons/ChevronRightSmallLast.js +40 -13
  545. package/dist/providers/icons/ChevronUp.js +40 -11
  546. package/dist/providers/icons/Circle.js +17 -5
  547. package/dist/providers/icons/CloseCircle.js +40 -13
  548. package/dist/providers/icons/Cross.js +40 -11
  549. package/dist/providers/icons/Doc.js +40 -11
  550. package/dist/providers/icons/Dollar.js +40 -13
  551. package/dist/providers/icons/Download.js +40 -13
  552. package/dist/providers/icons/Eco.js +40 -11
  553. package/dist/providers/icons/EcoHome.js +40 -13
  554. package/dist/providers/icons/Edit.js +40 -13
  555. package/dist/providers/icons/ElectricCar.js +40 -13
  556. package/dist/providers/icons/ElectricHome.js +40 -13
  557. package/dist/providers/icons/Electricity.js +40 -11
  558. package/dist/providers/icons/EnergyAdvice.js +40 -13
  559. package/dist/providers/icons/Equals.js +40 -13
  560. package/dist/providers/icons/Euro.js +40 -13
  561. package/dist/providers/icons/Gas.js +40 -11
  562. package/dist/providers/icons/GlobeAddress.js +40 -11
  563. package/dist/providers/icons/Help.js +40 -13
  564. package/dist/providers/icons/HelpFilled.d.ts +2 -0
  565. package/dist/providers/icons/HelpFilled.js +41 -0
  566. package/dist/providers/icons/Hide.js +40 -11
  567. package/dist/providers/icons/Home.js +40 -11
  568. package/dist/providers/icons/HomeFilled.js +40 -11
  569. package/dist/providers/icons/HydroPower.js +40 -13
  570. package/dist/providers/icons/Info.js +40 -13
  571. package/dist/providers/icons/Link.js +39 -40
  572. package/dist/providers/icons/Logo.js +17 -11
  573. package/dist/providers/icons/Mail.js +40 -11
  574. package/dist/providers/icons/MailOpen.js +40 -11
  575. package/dist/providers/icons/Menu.js +40 -13
  576. package/dist/providers/icons/Message.js +40 -11
  577. package/dist/providers/icons/MessageFilled.js +40 -11
  578. package/dist/providers/icons/Minus.js +40 -5
  579. package/dist/providers/icons/Mobile.js +40 -13
  580. package/dist/providers/icons/NewWindow.js +39 -22
  581. package/dist/providers/icons/PaymentCard.js +40 -13
  582. package/dist/providers/icons/PaymentCardFilled.d.ts +2 -0
  583. package/dist/providers/icons/PaymentCardFilled.js +41 -0
  584. package/dist/providers/icons/Phone.js +40 -11
  585. package/dist/providers/icons/Plus.js +40 -11
  586. package/dist/providers/icons/Pound.js +40 -13
  587. package/dist/providers/icons/Pricing.js +40 -11
  588. package/dist/providers/icons/Search.js +40 -11
  589. package/dist/providers/icons/Security.js +40 -13
  590. package/dist/providers/icons/Show.js +40 -13
  591. package/dist/providers/icons/SmartHome.js +40 -13
  592. package/dist/providers/icons/SmartMeter.js +40 -13
  593. package/dist/providers/icons/Solar.js +40 -11
  594. package/dist/providers/icons/Star.js +40 -11
  595. package/dist/providers/icons/StarFilled.d.ts +2 -0
  596. package/dist/providers/icons/StarFilled.js +41 -0
  597. package/dist/providers/icons/Sun.js +40 -13
  598. package/dist/providers/icons/Torch.js +39 -13
  599. package/dist/providers/icons/Trees.js +40 -13
  600. package/dist/providers/icons/Tune.js +40 -13
  601. package/dist/providers/icons/User.js +40 -13
  602. package/dist/providers/icons/UserFilled.js +40 -11
  603. package/dist/providers/icons/Wallet.js +40 -13
  604. package/dist/providers/icons/WalletFilled.js +40 -11
  605. package/dist/providers/icons/WarmHome.js +40 -13
  606. package/dist/providers/icons/Warning.js +40 -13
  607. package/dist/providers/icons/WebAddress.js +40 -11
  608. package/dist/providers/icons/WindPower.js +40 -11
  609. package/dist/providers/icons/index.d.ts +3 -0
  610. package/dist/providers/icons/index.js +102 -171
  611. package/dist/providers/index.js +17 -92
  612. package/dist/providers/types.d.ts +3 -3
  613. package/dist/providers/types.js +2 -1
  614. package/dist/styled.native.d.ts +36 -0
  615. package/dist/styled.native.js +32 -8
  616. package/dist/theme/index.js +15 -970
  617. package/dist/utils/index.js +16 -14
  618. package/dist/utils/utils.d.ts +2 -1
  619. package/dist/utils/utils.js +104 -57
  620. package/package.json +13 -21
  621. package/dist/components/components.spec.native.js +0 -199
  622. package/dist/index-zQHKJ0fC.js +0 -180
  623. package/dist/styled.native-KEscfVp7.js +0 -3872
  624. package/dist/test/utils.d.ts +0 -4
  625. package/dist/test/utils.js +0 -16127
  626. package/dist/theme-native--5aKgQLJ.js +0 -482
  627. package/dist/theme-web-MrdqV6Ln.js +0 -482
  628. package/dist/utils-HsZygzDh.js +0 -26
  629. /package/dist/{components/components.spec.native.d.ts → esm/components/Accordion/types.js} +0 -0
@@ -1,15 +1,17 @@
1
- import { callAll as m, filterChildrenByType as s, getErrorMessage as n, getText as g, mergeRefs as y, responsiveStyle as a, styledComponentWithBreakpoints as f } from "./utils.js";
2
- import "react/jsx-runtime";
3
- import "react";
4
- import "../hooks/use-breakpoint.js";
5
- import "react-native";
6
- import "../styled.native-KEscfVp7.js";
7
- export {
8
- m as callAll,
9
- s as filterChildrenByType,
10
- n as getErrorMessage,
11
- g as getText,
12
- y as mergeRefs,
13
- a as responsiveStyle,
14
- f as styledComponentWithBreakpoints
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./utils"), exports);
@@ -11,4 +11,5 @@ declare function getErrorMessage(id: string, errors: Array<{
11
11
  }>): null | ReactNode;
12
12
  declare function callAll(...fns: Array<Function | undefined>): (...args: any[]) => void;
13
13
  declare function filterChildrenByType(children: ReactNode, type: ComponentType): ReactElement<any, string | import("react").JSXElementConstructor<any>>[];
14
- export { styledComponentWithBreakpoints, responsiveStyle, mergeRefs, getText, getErrorMessage, callAll, filterChildrenByType, };
14
+ declare function getValidChildren(children: ReactNode): ReactNode;
15
+ export { callAll, filterChildrenByType, getErrorMessage, getValidChildren, getText, mergeRefs, responsiveStyle, styledComponentWithBreakpoints, };
@@ -1,58 +1,105 @@
1
- import { jsx as y } from "react/jsx-runtime";
2
- import { Children as f, forwardRef as g } from "react";
3
- import { useBreakpoint as l } from "../hooks/use-breakpoint.js";
4
- import "react-native";
5
- import "../styled.native-KEscfVp7.js";
6
- function C(r, e) {
7
- return (n) => {
8
- u(r, n), u(e, n);
9
- };
10
- }
11
- function u(r, e) {
12
- typeof r == "function" ? r(e) : r && (r.current = e);
13
- }
14
- function A(r) {
15
- return !r && typeof r != "number" ? "" : typeof r == "object" && r.props ? f.map(
16
- r.props.children,
17
- (e) => A(e)
18
- ).join("") : String(r);
19
- }
20
- function R(r) {
21
- return g((e, n) => {
22
- const t = l();
23
- return /* @__PURE__ */ y(r, { ...e, ...t, ref: n });
24
- });
25
- }
26
- function U(r, e, n, t) {
27
- let o;
28
- Array.isArray(e) ? o = e : o = [e];
29
- const p = [
30
- n.smallAndUp,
31
- n.mediumAndUp,
32
- n.largeAndUp
33
- ], [s, ...a] = o;
34
- return a.reduce(
35
- (m, i, c) => p[c] ? `${r}: ${t ? t(i) : i};` : m,
36
- `${r}: ${t ? t(s) : s};`
37
- );
38
- }
39
- function b(r, e) {
40
- return (e.find(({ id: n }) => r === n) || { message: null }).message;
41
- }
42
- function E(...r) {
43
- return (...e) => r.forEach((n) => n && n(...e));
44
- }
45
- function M(r, e) {
46
- return f.toArray(r).filter(
47
- (n) => (n == null ? void 0 : n.type) === e
48
- );
49
- }
50
- export {
51
- E as callAll,
52
- M as filterChildrenByType,
53
- b as getErrorMessage,
54
- A as getText,
55
- C as mergeRefs,
56
- U as responsiveStyle,
57
- R as styledComponentWithBreakpoints
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
58
12
  };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ exports.styledComponentWithBreakpoints = exports.responsiveStyle = exports.mergeRefs = exports.getText = exports.getValidChildren = exports.getErrorMessage = exports.filterChildrenByType = exports.callAll = void 0;
15
+ var jsx_runtime_1 = require("react/jsx-runtime");
16
+ var react_1 = require("react");
17
+ var hooks_1 = require("../hooks");
18
+ function mergeRefs(ref1, ref2) {
19
+ return function (element) {
20
+ assignRef(ref1, element);
21
+ assignRef(ref2, element);
22
+ };
23
+ }
24
+ exports.mergeRefs = mergeRefs;
25
+ function assignRef(ref, element) {
26
+ if (typeof ref === 'function') {
27
+ ref(element);
28
+ }
29
+ else if (ref) {
30
+ // @ts-ignore
31
+ ref.current = element;
32
+ }
33
+ }
34
+ function getText(children) {
35
+ if (!Boolean(children) && typeof children !== 'number') {
36
+ return '';
37
+ }
38
+ if (typeof children === 'object' && children.props) {
39
+ return react_1.Children.map(children.props.children, function (child) {
40
+ return getText(child);
41
+ }).join('');
42
+ }
43
+ return String(children);
44
+ }
45
+ exports.getText = getText;
46
+ function styledComponentWithBreakpoints(Component) {
47
+ return (0, react_1.forwardRef)(function (props, ref) {
48
+ var breakpoints = (0, hooks_1.useBreakpoint)();
49
+ // @ts-ignore.
50
+ return (0, jsx_runtime_1.jsx)(Component, __assign({}, props, breakpoints, { ref: ref }));
51
+ });
52
+ }
53
+ exports.styledComponentWithBreakpoints = styledComponentWithBreakpoints;
54
+ function responsiveStyle(property, value, breakpoints, formatter) {
55
+ var values;
56
+ if (Array.isArray(value)) {
57
+ values = value;
58
+ }
59
+ else {
60
+ values = [value];
61
+ }
62
+ var ascMediaQueries = [
63
+ breakpoints.smallAndUp,
64
+ breakpoints.mediumAndUp,
65
+ breakpoints.largeAndUp,
66
+ ];
67
+ var base = values[0], rest = values.slice(1);
68
+ return rest.reduce(function (acc, val, i) {
69
+ return ascMediaQueries[i]
70
+ ? "".concat(property, ": ").concat(formatter ? formatter(val) : val, ";")
71
+ : acc;
72
+ }, "".concat(property, ": ").concat(formatter ? formatter(base) : base, ";"));
73
+ }
74
+ exports.responsiveStyle = responsiveStyle;
75
+ function getErrorMessage(id, errors) {
76
+ return (errors.find(function (_a) {
77
+ var errorId = _a.id;
78
+ return id === errorId;
79
+ }) || { message: null })
80
+ .message;
81
+ }
82
+ exports.getErrorMessage = getErrorMessage;
83
+ // eslint-disable-next-line @typescript-eslint/ban-types
84
+ function callAll() {
85
+ var fns = [];
86
+ for (var _i = 0; _i < arguments.length; _i++) {
87
+ fns[_i] = arguments[_i];
88
+ }
89
+ return function () {
90
+ var args = [];
91
+ for (var _i = 0; _i < arguments.length; _i++) {
92
+ args[_i] = arguments[_i];
93
+ }
94
+ return fns.forEach(function (fn) { return fn && fn.apply(void 0, args); });
95
+ };
96
+ }
97
+ exports.callAll = callAll;
98
+ function filterChildrenByType(children, type) {
99
+ return react_1.Children.toArray(children).filter(function (child) { return (child === null || child === void 0 ? void 0 : child.type) === type; });
100
+ }
101
+ exports.filterChildrenByType = filterChildrenByType;
102
+ function getValidChildren(children) {
103
+ return react_1.Children.toArray(children).filter(Boolean);
104
+ }
105
+ exports.getValidChildren = getValidChildren;
package/package.json CHANGED
@@ -1,18 +1,12 @@
1
1
  {
2
2
  "name": "@ovotech/element-native",
3
- "version": "3.8.1",
4
- "type": "module",
3
+ "version": "4.0.0-canary-a872093-246",
5
4
  "main": "dist/index.js",
6
- "module": "dist/index.js",
5
+ "module": "dist/esm/index.js",
7
6
  "types": "dist/index.d.ts",
8
- "exports": {
9
- ".": {
10
- "default": "./dist/index.js",
11
- "types": "./dist/index.d.ts"
12
- }
13
- },
14
7
  "files": [
15
- "/dist"
8
+ "/dist",
9
+ "/components"
16
10
  ],
17
11
  "repository": {
18
12
  "type": "git",
@@ -20,15 +14,10 @@
20
14
  },
21
15
  "dependencies": {
22
16
  "@backpackapp-io/react-native-toast": "^0.10.0",
23
- "@rollup/plugin-commonjs": "^25.0.7",
24
- "@vitejs/plugin-react": "^4.2.1",
17
+ "@ovotech/element-core": "3.0.0-canary-a872093-246",
25
18
  "deepmerge": "^4.2.2",
26
- "glob": "^10.3.10",
27
19
  "lodash.groupby": "^4.6.0",
28
- "react-native-reanimated-carousel": "^3.5.1",
29
- "vite": "^5.0.10",
30
- "vite-plugin-dts": "^3.6.3",
31
- "@ovotech/element-core": "2.2.0"
20
+ "react-native-reanimated-carousel": "^3.5.1"
32
21
  },
33
22
  "devDependencies": {
34
23
  "@babel/core": "^7.11.5",
@@ -50,19 +39,22 @@
50
39
  "jest": "^28.1.1",
51
40
  "jest-styled-components": "^7.0.3",
52
41
  "metro-react-native-babel-preset": "^0.77.0",
42
+ "postcss-styled-syntax": "^0.6.4",
53
43
  "react": "18.2.0",
54
44
  "react-is": "^16.13.0",
55
45
  "react-native": "0.72.3",
56
46
  "react-native-gesture-handler": "^2.14.0",
57
- "react-native-reanimated": "^2.10.0",
47
+ "react-native-reanimated": "^3.5.4",
58
48
  "react-native-safe-area-context": "^4.7.4",
59
49
  "react-native-svg": "9.2.4",
60
50
  "react-router-dom": "^6.0.0",
61
51
  "react-test-renderer": "^18.2.0",
62
52
  "styled-components": "^5.1.3",
53
+ "stylelint": "^16.2.0",
54
+ "stylelint-config-standard": "^36.0.0",
63
55
  "ts-jest": "^28.0.5",
64
- "ts-loader": "^6.2.1",
65
- "typescript": "^4.8.4"
56
+ "ts-loader": "^9.5.1",
57
+ "typescript": "^5.3.3"
66
58
  },
67
59
  "peerDependencies": {
68
60
  "@react-native-masked-view/masked-view": "^0.3.0",
@@ -80,6 +72,6 @@
80
72
  "quickbuild": "tsc --project tsconfig.build.json --module ES6 --outDir dist/esm --declaration false",
81
73
  "test": "jest --maxWorkers 4",
82
74
  "typecheck": "tsc --noEmit",
83
- "vite": "vite build"
75
+ "lint:css": "stylelint 'src/**/*.ts' 'src/**/*.tsx' '!dist/**'"
84
76
  }
85
77
  }
@@ -1,199 +0,0 @@
1
- import { c as t } from "../index-zQHKJ0fC.js";
2
- import "./Accordion/Accordion.js";
3
- import "react/jsx-runtime";
4
- import "react";
5
- import "react-native-reanimated";
6
- import "../hooks/use-layout.js";
7
- import "../styled.native-KEscfVp7.js";
8
- import "./Heading4/Heading4.js";
9
- import "../utils-HsZygzDh.js";
10
- import "../hooks/use-breakpoint.js";
11
- import "react-native";
12
- import "./Accordion/Group.js";
13
- import "./Accordion/Icon.js";
14
- import "react-native-svg";
15
- import "./Accordion/styles.js";
16
- import "./ActionCard/ActionCard.js";
17
- import "@react-native-masked-view/masked-view";
18
- import "./ActionList/ActionList.js";
19
- import "./ActionList/styled.js";
20
- import "../utils/utils.js";
21
- import "./Icon/Icon.js";
22
- import "../providers/IconsProvider.js";
23
- import "../providers/icons/Address.js";
24
- import "../providers/icons/Advice.js";
25
- import "../providers/icons/Archive.js";
26
- import "../providers/icons/ArrowDown.js";
27
- import "../providers/icons/ArrowLeft.js";
28
- import "../providers/icons/ArrowRight.js";
29
- import "../providers/icons/ArrowUp.js";
30
- import "../providers/icons/Award.js";
31
- import "../providers/icons/Battery.js";
32
- import "../providers/icons/Cal.js";
33
- import "../providers/icons/CalBook.js";
34
- import "../providers/icons/CaretDown.js";
35
- import "../providers/icons/CaretLeft.js";
36
- import "../providers/icons/CaretRight.js";
37
- import "../providers/icons/CaretUp.js";
38
- import "../providers/icons/Chart.js";
39
- import "../providers/icons/ChartFilled.js";
40
- import "../providers/icons/Check.js";
41
- import "../providers/icons/CheckCircle.js";
42
- import "../providers/icons/ChevronDown.js";
43
- import "../providers/icons/ChevronLeft.js";
44
- import "../providers/icons/ChevronLeftSmall.js";
45
- import "../providers/icons/ChevronLeftSmallFirst.js";
46
- import "../providers/icons/ChevronRight.js";
47
- import "../providers/icons/ChevronRightSmall.js";
48
- import "../providers/icons/ChevronRightSmallLast.js";
49
- import "../providers/icons/ChevronUp.js";
50
- import "../providers/icons/Circle.js";
51
- import "../providers/icons/CloseCircle.js";
52
- import "../providers/icons/Cross.js";
53
- import "../providers/icons/Doc.js";
54
- import "../providers/icons/Dollar.js";
55
- import "../providers/icons/Download.js";
56
- import "../providers/icons/Eco.js";
57
- import "../providers/icons/EcoHome.js";
58
- import "../providers/icons/Edit.js";
59
- import "../providers/icons/ElectricCar.js";
60
- import "../providers/icons/ElectricHome.js";
61
- import "../providers/icons/Electricity.js";
62
- import "../providers/icons/EnergyAdvice.js";
63
- import "../providers/icons/Equals.js";
64
- import "../providers/icons/Euro.js";
65
- import "../providers/icons/Gas.js";
66
- import "../providers/icons/GlobeAddress.js";
67
- import "../providers/icons/Help.js";
68
- import "../providers/icons/Hide.js";
69
- import "../providers/icons/Home.js";
70
- import "../providers/icons/HomeFilled.js";
71
- import "../providers/icons/HydroPower.js";
72
- import "../providers/icons/Info.js";
73
- import "../providers/icons/Link.js";
74
- import "../providers/icons/Logo.js";
75
- import "../providers/icons/Mail.js";
76
- import "../providers/icons/MailOpen.js";
77
- import "../providers/icons/Menu.js";
78
- import "../providers/icons/Message.js";
79
- import "../providers/icons/MessageFilled.js";
80
- import "../providers/icons/Minus.js";
81
- import "../providers/icons/Mobile.js";
82
- import "../providers/icons/NewWindow.js";
83
- import "../providers/icons/PaymentCard.js";
84
- import "../providers/icons/Phone.js";
85
- import "../providers/icons/Plus.js";
86
- import "../providers/icons/Pound.js";
87
- import "../providers/icons/Pricing.js";
88
- import "../providers/icons/Search.js";
89
- import "../providers/icons/Security.js";
90
- import "../providers/icons/Show.js";
91
- import "../providers/icons/SmartHome.js";
92
- import "../providers/icons/SmartMeter.js";
93
- import "../providers/icons/Solar.js";
94
- import "../providers/icons/Star.js";
95
- import "../providers/icons/Sun.js";
96
- import "../providers/icons/Torch.js";
97
- import "../providers/icons/Trees.js";
98
- import "../providers/icons/Tune.js";
99
- import "../providers/icons/User.js";
100
- import "../providers/icons/UserFilled.js";
101
- import "../providers/icons/Wallet.js";
102
- import "../providers/icons/WalletFilled.js";
103
- import "../providers/icons/WarmHome.js";
104
- import "../providers/icons/Warning.js";
105
- import "../providers/icons/WebAddress.js";
106
- import "../providers/icons/WindPower.js";
107
- import "./Badge/Badge.js";
108
- import "./Card/Card.js";
109
- import "./Checkbox/Checkbox.js";
110
- import "./ErrorText/ErrorText.js";
111
- import "./FormGroup/FormGroup.js";
112
- import "./HintText/HintText.js";
113
- import "./LabelText/LabelText.js";
114
- import "./Stack/Stack.js";
115
- import "./CTAButton/CTAButton.js";
116
- import "./CTALink/CTALink.js";
117
- import "./CurrencyField/CurrencyField.js";
118
- import "./Field/Field.js";
119
- import "./Stretch/Stretch.js";
120
- import "./CurrencyInput/CurrencyInput.js";
121
- import "./NumberInput/NumberInput.js";
122
- import "./Input/Input.js";
123
- import "./DataTable/DataTable.js";
124
- import "./DataTable/TableRow.js";
125
- import "./DataTable/styles.js";
126
- import "./DateField/DateField.js";
127
- import "../hooks/use-full-width.js";
128
- import "./SubLabelText/SubLabelText.js";
129
- import "./DescriptionList/styled.js";
130
- import "./Disclosure/Disclosure.js";
131
- import "./Divider/Divider.js";
132
- import "./Em/Em.js";
133
- import "./EmailField/EmailField.js";
134
- import "./EmailInput/EmailInput.js";
135
- import "./Margin/Margin.js";
136
- import "./List/styled.js";
137
- import "./Notification/Notification.js";
138
- import "./P/P.js";
139
- import "./FilterSelect/FilterSelect.js";
140
- import "./Strong/Strong.js";
141
- import "./Grid/Row.js";
142
- import "./Grid/Col.js";
143
- import "./Heading1/Heading1.js";
144
- import "./Heading2/Heading2.js";
145
- import "./Heading3/Heading3.js";
146
- import "./Label/Label.js";
147
- import "./Lead/Lead.js";
148
- import "./LineThrough/LineThrough.js";
149
- import "./NavHeader/NavHeader.styles.js";
150
- import "./NumberField/NumberField.js";
151
- import "./PasswordField/PasswordField.js";
152
- import "./PasswordInput/PasswordInput.js";
153
- import "./PasswordInput/PasswordVisibilityToggle.js";
154
- import "./PasswordInput/PasswordInput.styled.js";
155
- import "./PhoneField/PhoneField.js";
156
- import "./PhoneInput/PhoneInput.js";
157
- import "./Radio/Radio.js";
158
- import "./SelectField/Select.js";
159
- import "./SkeletonCircle/SkeletonCircle.js";
160
- import "./SkeletonAnimation/SkeletonAnimation.js";
161
- import "./SkeletonCTA/SkeletonCTA.js";
162
- import "./SkeletonHeading/SkeletonHeading.js";
163
- import "./SkeletonText/SkeletonText.js";
164
- import "./Small/Small.js";
165
- import "./Tabs/Tabs.js";
166
- import "./Tabs/TabList.js";
167
- import "./Tabs/TabPanel.js";
168
- import "./Tabs/Tab.js";
169
- import "./TextareaField/TextareaField.js";
170
- import "./TextareaInput/TextareaInput.js";
171
- import "./TextField/TextField.js";
172
- import "./TextInput/TextInput.js";
173
- import "./TextLink/TextLink.js";
174
- import "./Toggle/Toggle.js";
175
- import "./Toggle/styles.js";
176
- import "./Toast/Toast.js";
177
- import "react-native-safe-area-context";
178
- import "react-native-gesture-handler";
179
- import "./ProductCarousel/ProductCarousel.js";
180
- import "./ProductCarousel/NavigationDots.js";
181
- import "./ProductCarousel/anchor-point.js";
182
- import "./RadioCard/RadioCard.js";
183
- import "styled-components";
184
- import "./ActionCard/CloseIconShape.js";
185
- import "./ActionCard/IndicatorIconShape.js";
186
- import "./Checkbox/CheckboxField.js";
187
- import "./DescriptionList/DescriptionList.js";
188
- import "./ErrorSummaryNotification/ErrorSummaryNotification.js";
189
- import "./List/List.js";
190
- import "./NavHeader/NavHeader.js";
191
- import "../theme-web-MrdqV6Ln.js";
192
- import "./NavHeader/IconButton.js";
193
- import "./Radio/RadioField.js";
194
- import "./SelectField/SelectField.js";
195
- import "./Spinner/Spinner.js";
196
- import "./TextGroup/TextGroup.js";
197
- test("exports the correct native components", () => {
198
- expect(Object.keys(t)).toMatchSnapshot();
199
- });
@@ -1,180 +0,0 @@
1
- import { Accordion as o } from "./components/Accordion/Accordion.js";
2
- import { AccordionGroup as r } from "./components/Accordion/Group.js";
3
- import { AccordionIcon as m } from "./components/Accordion/Icon.js";
4
- import { ActionCard as t } from "./components/ActionCard/ActionCard.js";
5
- import { Action as i, ActionList as e } from "./components/ActionList/ActionList.js";
6
- import { Badge as p } from "./components/Badge/Badge.js";
7
- import { Card as f } from "./components/Card/Card.js";
8
- import { Checkbox as a } from "./components/Checkbox/Checkbox.js";
9
- import { CheckboxField as n } from "./components/Checkbox/CheckboxField.js";
10
- import { CTAButton as l, DestructiveCTAButton as d, PrimaryCTAButton as T, SecondaryCTAButton as c } from "./components/CTAButton/CTAButton.js";
11
- import { CTALink as u, PrimaryCTALink as C, SecondaryCTALink as b } from "./components/CTALink/CTALink.js";
12
- import { CurrencyField as s } from "./components/CurrencyField/CurrencyField.js";
13
- import { CurrencyInput as S } from "./components/CurrencyInput/CurrencyInput.js";
14
- import { DataTable as g } from "./components/DataTable/DataTable.js";
15
- import { CellText as x, RowHeading as A, SeparatorRowText as F, StyledSeparatorRow as y, StyledTableContainer as L, TableBody as k, TableCaption as I, TableCaptionText as H, TableCell as P, TableHeader as w, TableHeaderText as N, TableRow as R, TableRowHeading as h } from "./components/DataTable/styles.js";
16
- import { DateField as D } from "./components/DateField/DateField.js";
17
- import { DescriptionItem as B, DescriptionList as E } from "./components/DescriptionList/DescriptionList.js";
18
- import { Disclosure as v } from "./components/Disclosure/Disclosure.js";
19
- import { Divider as _ } from "./components/Divider/Divider.js";
20
- import { Em as G } from "./components/Em/Em.js";
21
- import { EmailField as O } from "./components/EmailField/EmailField.js";
22
- import { EmailInput as j } from "./components/EmailInput/EmailInput.js";
23
- import { ErrorSummaryNotification as M } from "./components/ErrorSummaryNotification/ErrorSummaryNotification.js";
24
- import { Field as z } from "./components/Field/Field.js";
25
- import { FilterSelect as U } from "./components/FilterSelect/FilterSelect.js";
26
- import { Row as W } from "./components/Grid/Row.js";
27
- import { Col as q } from "./components/Grid/Col.js";
28
- import { Heading1 as J } from "./components/Heading1/Heading1.js";
29
- import { Heading2 as K } from "./components/Heading2/Heading2.js";
30
- import { Heading3 as Q } from "./components/Heading3/Heading3.js";
31
- import { Heading4 as V } from "./components/Heading4/Heading4.js";
32
- import { Icon as X } from "./components/Icon/Icon.js";
33
- import { Label as Y } from "./components/Label/Label.js";
34
- import { Lead as Z } from "./components/Lead/Lead.js";
35
- import { LineThrough as $ } from "./components/LineThrough/LineThrough.js";
36
- import { Li as oo, Ol as ro, Ul as mo } from "./components/List/List.js";
37
- import { Margin as to } from "./components/Margin/Margin.js";
38
- import { NavHeader as io } from "./components/NavHeader/NavHeader.js";
39
- import { ErrorNotification as eo, InfoNotification as po, Notification as fo, SuccessNotification as ao, WarningNotification as no } from "./components/Notification/Notification.js";
40
- import { NumberField as lo } from "./components/NumberField/NumberField.js";
41
- import { NumberInput as To } from "./components/NumberInput/NumberInput.js";
42
- import { P as co } from "./components/P/P.js";
43
- import { PasswordField as uo } from "./components/PasswordField/PasswordField.js";
44
- import { PasswordInput as Co } from "./components/PasswordInput/PasswordInput.js";
45
- import { PhoneField as bo } from "./components/PhoneField/PhoneField.js";
46
- import { PhoneInput as so } from "./components/PhoneInput/PhoneInput.js";
47
- import { Radio as So } from "./components/Radio/Radio.js";
48
- import { RadioField as go } from "./components/Radio/RadioField.js";
49
- import { SelectField as xo } from "./components/SelectField/SelectField.js";
50
- import { SkeletonCircle as Ao } from "./components/SkeletonCircle/SkeletonCircle.js";
51
- import { SkeletonCTA as Fo } from "./components/SkeletonCTA/SkeletonCTA.js";
52
- import { SkeletonHeading as yo } from "./components/SkeletonHeading/SkeletonHeading.js";
53
- import { SkeletonText as Lo } from "./components/SkeletonText/SkeletonText.js";
54
- import { Small as ko } from "./components/Small/Small.js";
55
- import { Spinner as Io } from "./components/Spinner/Spinner.js";
56
- import { Stack as Ho } from "./components/Stack/Stack.js";
57
- import { Strong as Po } from "./components/Strong/Strong.js";
58
- import { Tabs as wo } from "./components/Tabs/Tabs.js";
59
- import { Tab as No } from "./components/Tabs/Tab.js";
60
- import { TabList as Ro } from "./components/Tabs/TabList.js";
61
- import { TabPanel as ho } from "./components/Tabs/TabPanel.js";
62
- import { TextareaField as Do } from "./components/TextareaField/TextareaField.js";
63
- import { TextareaInput as Bo } from "./components/TextareaInput/TextareaInput.js";
64
- import { TextField as Eo } from "./components/TextField/TextField.js";
65
- import { TextGroup as vo } from "./components/TextGroup/TextGroup.js";
66
- import { TextInput as _o } from "./components/TextInput/TextInput.js";
67
- import { TextLink as Go } from "./components/TextLink/TextLink.js";
68
- import { Toggle as Oo } from "./components/Toggle/Toggle.js";
69
- import { ToastsContainer as jo, showToast as Mo } from "./components/Toast/Toast.js";
70
- import { ProductCarousel as zo } from "./components/ProductCarousel/ProductCarousel.js";
71
- import { RadioCard as Uo } from "./components/RadioCard/RadioCard.js";
72
- import { FormGroup as Wo } from "./components/FormGroup/FormGroup.js";
73
- import { ErrorText as qo } from "./components/ErrorText/ErrorText.js";
74
- import { LabelText as Jo } from "./components/LabelText/LabelText.js";
75
- const cm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
76
- __proto__: null,
77
- Accordion: o,
78
- AccordionGroup: r,
79
- AccordionIcon: m,
80
- Action: i,
81
- ActionCard: t,
82
- ActionList: e,
83
- Badge: p,
84
- CTAButton: l,
85
- CTALink: u,
86
- Card: f,
87
- CellText: x,
88
- Checkbox: a,
89
- CheckboxField: n,
90
- Col: q,
91
- CurrencyField: s,
92
- CurrencyInput: S,
93
- DataTable: g,
94
- DateField: D,
95
- DescriptionItem: B,
96
- DescriptionList: E,
97
- DestructiveCTAButton: d,
98
- Disclosure: v,
99
- Divider: _,
100
- Em: G,
101
- EmailField: O,
102
- EmailInput: j,
103
- ErrorNotification: eo,
104
- ErrorSummaryNotification: M,
105
- ErrorText: qo,
106
- Field: z,
107
- FilterSelect: U,
108
- FormGroup: Wo,
109
- Heading1: J,
110
- Heading2: K,
111
- Heading3: Q,
112
- Heading4: V,
113
- Icon: X,
114
- InfoNotification: po,
115
- Label: Y,
116
- LabelText: Jo,
117
- Lead: Z,
118
- Li: oo,
119
- LineThrough: $,
120
- Margin: to,
121
- NavHeader: io,
122
- Notification: fo,
123
- NumberField: lo,
124
- NumberInput: To,
125
- Ol: ro,
126
- P: co,
127
- PasswordField: uo,
128
- PasswordInput: Co,
129
- PhoneField: bo,
130
- PhoneInput: so,
131
- PrimaryCTAButton: T,
132
- PrimaryCTALink: C,
133
- ProductCarousel: zo,
134
- Radio: So,
135
- RadioCard: Uo,
136
- RadioField: go,
137
- Row: W,
138
- RowHeading: A,
139
- SecondaryCTAButton: c,
140
- SecondaryCTALink: b,
141
- SelectField: xo,
142
- SeparatorRowText: F,
143
- SkeletonCTA: Fo,
144
- SkeletonCircle: Ao,
145
- SkeletonHeading: yo,
146
- SkeletonText: Lo,
147
- Small: ko,
148
- Spinner: Io,
149
- Stack: Ho,
150
- Strong: Po,
151
- StyledSeparatorRow: y,
152
- StyledTableContainer: L,
153
- SuccessNotification: ao,
154
- Tab: No,
155
- TabList: Ro,
156
- TabPanel: ho,
157
- TableBody: k,
158
- TableCaption: I,
159
- TableCaptionText: H,
160
- TableCell: P,
161
- TableHeader: w,
162
- TableHeaderText: N,
163
- TableRow: R,
164
- TableRowHeading: h,
165
- Tabs: wo,
166
- TextField: Eo,
167
- TextGroup: vo,
168
- TextInput: _o,
169
- TextLink: Go,
170
- TextareaField: Do,
171
- TextareaInput: Bo,
172
- ToastsContainer: jo,
173
- Toggle: Oo,
174
- Ul: mo,
175
- WarningNotification: no,
176
- showToast: Mo
177
- }, Symbol.toStringTag, { value: "Module" }));
178
- export {
179
- cm as c
180
- };