@ovotech/element-native 2.0.0-beta.1 → 2.0.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 (454) hide show
  1. package/package.json +1 -1
  2. package/dist/components/Accordion/Accordion.d.ts +0 -5
  3. package/dist/components/Accordion/Accordion.js +0 -139
  4. package/dist/components/Accordion/Group.d.ts +0 -3
  5. package/dist/components/Accordion/Group.js +0 -41
  6. package/dist/components/Accordion/Icon.d.ts +0 -4
  7. package/dist/components/Accordion/Icon.js +0 -68
  8. package/dist/components/Accordion/hooks.d.ts +0 -6
  9. package/dist/components/Accordion/hooks.js +0 -43
  10. package/dist/components/Accordion/index.d.ts +0 -4
  11. package/dist/components/Accordion/index.js +0 -9
  12. package/dist/components/Accordion/styles.d.ts +0 -46
  13. package/dist/components/Accordion/styles.js +0 -52
  14. package/dist/components/Accordion/types.d.ts +0 -20
  15. package/dist/components/Accordion/types.js +0 -2
  16. package/dist/components/Badge/Badge.d.ts +0 -12
  17. package/dist/components/Badge/Badge.js +0 -79
  18. package/dist/components/Badge/index.d.ts +0 -1
  19. package/dist/components/Badge/index.js +0 -5
  20. package/dist/components/CTAButton/CTAButton.d.ts +0 -24
  21. package/dist/components/CTAButton/CTAButton.js +0 -107
  22. package/dist/components/CTAButton/index.d.ts +0 -1
  23. package/dist/components/CTAButton/index.js +0 -8
  24. package/dist/components/CTALink/CTALink.d.ts +0 -12
  25. package/dist/components/CTALink/CTALink.js +0 -45
  26. package/dist/components/CTALink/index.d.ts +0 -1
  27. package/dist/components/CTALink/index.js +0 -7
  28. package/dist/components/Card/Card.d.ts +0 -7
  29. package/dist/components/Card/Card.js +0 -33
  30. package/dist/components/Card/index.d.ts +0 -1
  31. package/dist/components/Card/index.js +0 -5
  32. package/dist/components/Checkbox/Checkbox.d.ts +0 -12
  33. package/dist/components/Checkbox/Checkbox.js +0 -121
  34. package/dist/components/Checkbox/CheckboxField.d.ts +0 -9
  35. package/dist/components/Checkbox/CheckboxField.js +0 -73
  36. package/dist/components/Checkbox/index.d.ts +0 -2
  37. package/dist/components/Checkbox/index.js +0 -7
  38. package/dist/components/DataTable/DataTable.d.ts +0 -13
  39. package/dist/components/DataTable/DataTable.js +0 -134
  40. package/dist/components/DataTable/index.d.ts +0 -1
  41. package/dist/components/DataTable/index.js +0 -5
  42. package/dist/components/DateField/DateField.d.ts +0 -21
  43. package/dist/components/DateField/DateField.js +0 -109
  44. package/dist/components/DateField/index.d.ts +0 -1
  45. package/dist/components/DateField/index.js +0 -5
  46. package/dist/components/Disclosure/Disclosure.d.ts +0 -8
  47. package/dist/components/Disclosure/Disclosure.js +0 -86
  48. package/dist/components/Disclosure/index.d.ts +0 -1
  49. package/dist/components/Disclosure/index.js +0 -17
  50. package/dist/components/ErrorSummaryNotification/ErrorSummaryNotification.d.ts +0 -18
  51. package/dist/components/ErrorSummaryNotification/ErrorSummaryNotification.js +0 -73
  52. package/dist/components/ErrorSummaryNotification/index.d.ts +0 -1
  53. package/dist/components/ErrorSummaryNotification/index.js +0 -5
  54. package/dist/components/ErrorText/ErrorText.d.ts +0 -13
  55. package/dist/components/ErrorText/ErrorText.js +0 -41
  56. package/dist/components/ErrorText/index.d.ts +0 -1
  57. package/dist/components/ErrorText/index.js +0 -5
  58. package/dist/components/Field/Field.d.ts +0 -13
  59. package/dist/components/Field/Field.js +0 -94
  60. package/dist/components/Field/index.d.ts +0 -1
  61. package/dist/components/Field/index.js +0 -17
  62. package/dist/components/FormGroup/FormGroup.d.ts +0 -8
  63. package/dist/components/FormGroup/FormGroup.js +0 -43
  64. package/dist/components/FormGroup/index.d.ts +0 -1
  65. package/dist/components/FormGroup/index.js +0 -5
  66. package/dist/components/Grid/Col.d.ts +0 -12
  67. package/dist/components/Grid/Col.js +0 -58
  68. package/dist/components/Grid/Row.d.ts +0 -9
  69. package/dist/components/Grid/Row.js +0 -76
  70. package/dist/components/Grid/index.d.ts +0 -2
  71. package/dist/components/Grid/index.js +0 -7
  72. package/dist/components/Heading/Heading.d.ts +0 -6
  73. package/dist/components/Heading/Heading.js +0 -115
  74. package/dist/components/Heading/index.d.ts +0 -1
  75. package/dist/components/Heading/index.js +0 -8
  76. package/dist/components/HintText/HintText.d.ts +0 -13
  77. package/dist/components/HintText/HintText.js +0 -41
  78. package/dist/components/HintText/index.d.ts +0 -1
  79. package/dist/components/HintText/index.js +0 -5
  80. package/dist/components/Icon/Icon.d.ts +0 -11
  81. package/dist/components/Icon/Icon.js +0 -62
  82. package/dist/components/Icon/index.d.ts +0 -1
  83. package/dist/components/Icon/index.js +0 -5
  84. package/dist/components/Input/CurrencyInput.d.ts +0 -15
  85. package/dist/components/Input/CurrencyInput.js +0 -59
  86. package/dist/components/Input/EmailInput.d.ts +0 -9
  87. package/dist/components/Input/EmailInput.js +0 -41
  88. package/dist/components/Input/Input.d.ts +0 -16
  89. package/dist/components/Input/Input.js +0 -102
  90. package/dist/components/Input/NumberInput.d.ts +0 -9
  91. package/dist/components/Input/NumberInput.js +0 -41
  92. package/dist/components/Input/PasswordInput.d.ts +0 -9
  93. package/dist/components/Input/PasswordInput.js +0 -55
  94. package/dist/components/Input/TelInput.d.ts +0 -9
  95. package/dist/components/Input/TelInput.js +0 -41
  96. package/dist/components/Input/TextInput.d.ts +0 -9
  97. package/dist/components/Input/TextInput.js +0 -41
  98. package/dist/components/Input/TextareaInput.d.ts +0 -15
  99. package/dist/components/Input/TextareaInput.js +0 -64
  100. package/dist/components/Input/index.d.ts +0 -7
  101. package/dist/components/Input/index.js +0 -17
  102. package/dist/components/LabelText/LabelText.d.ts +0 -13
  103. package/dist/components/LabelText/LabelText.js +0 -41
  104. package/dist/components/LabelText/index.d.ts +0 -1
  105. package/dist/components/LabelText/index.js +0 -5
  106. package/dist/components/List/List.d.ts +0 -29
  107. package/dist/components/List/List.js +0 -154
  108. package/dist/components/List/index.d.ts +0 -1
  109. package/dist/components/List/index.js +0 -10
  110. package/dist/components/Margin/Margin.d.ts +0 -23
  111. package/dist/components/Margin/Margin.js +0 -53
  112. package/dist/components/Margin/index.d.ts +0 -1
  113. package/dist/components/Margin/index.js +0 -5
  114. package/dist/components/NavHeader/NavHeader.d.ts +0 -15
  115. package/dist/components/NavHeader/NavHeader.js +0 -93
  116. package/dist/components/NavHeader/index.d.ts +0 -1
  117. package/dist/components/NavHeader/index.js +0 -5
  118. package/dist/components/Notification/Notification.d.ts +0 -31
  119. package/dist/components/Notification/Notification.js +0 -123
  120. package/dist/components/Notification/index.d.ts +0 -1
  121. package/dist/components/Notification/index.js +0 -9
  122. package/dist/components/Radio/Radio.d.ts +0 -12
  123. package/dist/components/Radio/Radio.js +0 -114
  124. package/dist/components/Radio/RadioField.d.ts +0 -11
  125. package/dist/components/Radio/RadioField.js +0 -78
  126. package/dist/components/Radio/index.d.ts +0 -2
  127. package/dist/components/Radio/index.js +0 -7
  128. package/dist/components/SkeletonLoading/Skeleton.d.ts +0 -1
  129. package/dist/components/SkeletonLoading/Skeleton.js +0 -33
  130. package/dist/components/SkeletonLoading/SkeletonCTA.d.ts +0 -6
  131. package/dist/components/SkeletonLoading/SkeletonCTA.js +0 -41
  132. package/dist/components/SkeletonLoading/SkeletonCircle.d.ts +0 -6
  133. package/dist/components/SkeletonLoading/SkeletonCircle.js +0 -46
  134. package/dist/components/SkeletonLoading/SkeletonHeading.d.ts +0 -8
  135. package/dist/components/SkeletonLoading/SkeletonHeading.js +0 -41
  136. package/dist/components/SkeletonLoading/SkeletonText.d.ts +0 -6
  137. package/dist/components/SkeletonLoading/SkeletonText.js +0 -49
  138. package/dist/components/SkeletonLoading/index.d.ts +0 -5
  139. package/dist/components/SkeletonLoading/index.js +0 -21
  140. package/dist/components/Stack/Stack.d.ts +0 -10
  141. package/dist/components/Stack/Stack.js +0 -75
  142. package/dist/components/Stack/index.d.ts +0 -1
  143. package/dist/components/Stack/index.js +0 -5
  144. package/dist/components/Stretch/Stretch.d.ts +0 -7
  145. package/dist/components/Stretch/Stretch.js +0 -31
  146. package/dist/components/Stretch/index.d.ts +0 -1
  147. package/dist/components/Stretch/index.js +0 -17
  148. package/dist/components/SubLabelText/SubLabelText.d.ts +0 -13
  149. package/dist/components/SubLabelText/SubLabelText.js +0 -41
  150. package/dist/components/SubLabelText/index.d.ts +0 -1
  151. package/dist/components/SubLabelText/index.js +0 -5
  152. package/dist/components/SummaryList/SummaryList.d.ts +0 -10
  153. package/dist/components/SummaryList/SummaryList.js +0 -66
  154. package/dist/components/SummaryList/index.d.ts +0 -1
  155. package/dist/components/SummaryList/index.js +0 -6
  156. package/dist/components/Tabs/Tab.d.ts +0 -11
  157. package/dist/components/Tabs/Tab.js +0 -74
  158. package/dist/components/Tabs/TabList.d.ts +0 -1
  159. package/dist/components/Tabs/TabList.js +0 -74
  160. package/dist/components/Tabs/TabPanel.d.ts +0 -3
  161. package/dist/components/Tabs/TabPanel.js +0 -41
  162. package/dist/components/Tabs/Tabs.d.ts +0 -9
  163. package/dist/components/Tabs/Tabs.js +0 -95
  164. package/dist/components/Tabs/index.d.ts +0 -4
  165. package/dist/components/Tabs/index.js +0 -11
  166. package/dist/components/Text/Text.d.ts +0 -26
  167. package/dist/components/Text/Text.js +0 -96
  168. package/dist/components/Text/index.d.ts +0 -1
  169. package/dist/components/Text/index.js +0 -10
  170. package/dist/components/TextField/CurrencyField.d.ts +0 -11
  171. package/dist/components/TextField/CurrencyField.js +0 -56
  172. package/dist/components/TextField/EmailField.d.ts +0 -9
  173. package/dist/components/TextField/EmailField.js +0 -56
  174. package/dist/components/TextField/NumberField.d.ts +0 -9
  175. package/dist/components/TextField/NumberField.js +0 -56
  176. package/dist/components/TextField/PasswordField.d.ts +0 -9
  177. package/dist/components/TextField/PasswordField.js +0 -56
  178. package/dist/components/TextField/TelField.d.ts +0 -9
  179. package/dist/components/TextField/TelField.js +0 -56
  180. package/dist/components/TextField/TextField.d.ts +0 -9
  181. package/dist/components/TextField/TextField.js +0 -56
  182. package/dist/components/TextField/TextareaField.d.ts +0 -11
  183. package/dist/components/TextField/TextareaField.js +0 -56
  184. package/dist/components/TextField/index.d.ts +0 -7
  185. package/dist/components/TextField/index.js +0 -17
  186. package/dist/components/TextLink/TextLink.d.ts +0 -8
  187. package/dist/components/TextLink/TextLink.js +0 -75
  188. package/dist/components/TextLink/index.d.ts +0 -1
  189. package/dist/components/TextLink/index.js +0 -5
  190. package/dist/components/index.d.ts +0 -27
  191. package/dist/components/index.js +0 -43
  192. package/dist/esm/components/Accordion/Accordion.js +0 -111
  193. package/dist/esm/components/Accordion/Group.js +0 -14
  194. package/dist/esm/components/Accordion/Icon.js +0 -38
  195. package/dist/esm/components/Accordion/hooks.js +0 -16
  196. package/dist/esm/components/Accordion/index.js +0 -3
  197. package/dist/esm/components/Accordion/styles.js +0 -49
  198. package/dist/esm/components/Accordion/types.js +0 -1
  199. package/dist/esm/components/Badge/Badge.js +0 -49
  200. package/dist/esm/components/Badge/index.js +0 -1
  201. package/dist/esm/components/CTAButton/CTAButton.js +0 -78
  202. package/dist/esm/components/CTAButton/index.js +0 -1
  203. package/dist/esm/components/CTALink/CTALink.js +0 -17
  204. package/dist/esm/components/CTALink/index.js +0 -1
  205. package/dist/esm/components/Card/Card.js +0 -27
  206. package/dist/esm/components/Card/index.js +0 -1
  207. package/dist/esm/components/Checkbox/Checkbox.js +0 -95
  208. package/dist/esm/components/Checkbox/CheckboxField.js +0 -47
  209. package/dist/esm/components/Checkbox/index.js +0 -2
  210. package/dist/esm/components/DataTable/DataTable.js +0 -108
  211. package/dist/esm/components/DataTable/index.js +0 -1
  212. package/dist/esm/components/DateField/DateField.js +0 -83
  213. package/dist/esm/components/DateField/index.js +0 -1
  214. package/dist/esm/components/Disclosure/Disclosure.js +0 -60
  215. package/dist/esm/components/Disclosure/index.js +0 -1
  216. package/dist/esm/components/ErrorSummaryNotification/ErrorSummaryNotification.js +0 -47
  217. package/dist/esm/components/ErrorSummaryNotification/index.js +0 -1
  218. package/dist/esm/components/ErrorText/ErrorText.js +0 -15
  219. package/dist/esm/components/ErrorText/index.js +0 -1
  220. package/dist/esm/components/Field/Field.js +0 -68
  221. package/dist/esm/components/Field/index.js +0 -1
  222. package/dist/esm/components/FormGroup/FormGroup.js +0 -37
  223. package/dist/esm/components/FormGroup/index.js +0 -1
  224. package/dist/esm/components/Grid/Col.js +0 -32
  225. package/dist/esm/components/Grid/Row.js +0 -47
  226. package/dist/esm/components/Grid/index.js +0 -2
  227. package/dist/esm/components/Heading/Heading.js +0 -82
  228. package/dist/esm/components/Heading/index.js +0 -1
  229. package/dist/esm/components/HintText/HintText.js +0 -15
  230. package/dist/esm/components/HintText/index.js +0 -1
  231. package/dist/esm/components/Icon/Icon.js +0 -35
  232. package/dist/esm/components/Icon/index.js +0 -1
  233. package/dist/esm/components/Input/CurrencyInput.js +0 -33
  234. package/dist/esm/components/Input/EmailInput.js +0 -15
  235. package/dist/esm/components/Input/Input.js +0 -76
  236. package/dist/esm/components/Input/NumberInput.js +0 -15
  237. package/dist/esm/components/Input/PasswordInput.js +0 -29
  238. package/dist/esm/components/Input/TelInput.js +0 -15
  239. package/dist/esm/components/Input/TextInput.js +0 -15
  240. package/dist/esm/components/Input/TextareaInput.js +0 -38
  241. package/dist/esm/components/Input/index.js +0 -7
  242. package/dist/esm/components/LabelText/LabelText.js +0 -15
  243. package/dist/esm/components/LabelText/index.js +0 -1
  244. package/dist/esm/components/List/List.js +0 -123
  245. package/dist/esm/components/List/index.js +0 -1
  246. package/dist/esm/components/Margin/Margin.js +0 -47
  247. package/dist/esm/components/Margin/index.js +0 -1
  248. package/dist/esm/components/NavHeader/NavHeader.js +0 -63
  249. package/dist/esm/components/NavHeader/index.js +0 -1
  250. package/dist/esm/components/Notification/Notification.js +0 -97
  251. package/dist/esm/components/Notification/index.js +0 -1
  252. package/dist/esm/components/Radio/Radio.js +0 -85
  253. package/dist/esm/components/Radio/RadioField.js +0 -52
  254. package/dist/esm/components/Radio/index.js +0 -2
  255. package/dist/esm/components/SkeletonLoading/Skeleton.js +0 -7
  256. package/dist/esm/components/SkeletonLoading/SkeletonCTA.js +0 -34
  257. package/dist/esm/components/SkeletonLoading/SkeletonCircle.js +0 -39
  258. package/dist/esm/components/SkeletonLoading/SkeletonHeading.js +0 -34
  259. package/dist/esm/components/SkeletonLoading/SkeletonText.js +0 -42
  260. package/dist/esm/components/SkeletonLoading/index.js +0 -5
  261. package/dist/esm/components/Stack/Stack.js +0 -46
  262. package/dist/esm/components/Stack/index.js +0 -1
  263. package/dist/esm/components/Stretch/Stretch.js +0 -24
  264. package/dist/esm/components/Stretch/index.js +0 -1
  265. package/dist/esm/components/SubLabelText/SubLabelText.js +0 -15
  266. package/dist/esm/components/SubLabelText/index.js +0 -1
  267. package/dist/esm/components/SummaryList/SummaryList.js +0 -39
  268. package/dist/esm/components/SummaryList/index.js +0 -1
  269. package/dist/esm/components/Tabs/Tab.js +0 -45
  270. package/dist/esm/components/Tabs/TabList.js +0 -48
  271. package/dist/esm/components/Tabs/TabPanel.js +0 -34
  272. package/dist/esm/components/Tabs/Tabs.js +0 -69
  273. package/dist/esm/components/Tabs/index.js +0 -4
  274. package/dist/esm/components/Text/Text.js +0 -69
  275. package/dist/esm/components/Text/index.js +0 -1
  276. package/dist/esm/components/TextField/CurrencyField.js +0 -30
  277. package/dist/esm/components/TextField/EmailField.js +0 -30
  278. package/dist/esm/components/TextField/NumberField.js +0 -30
  279. package/dist/esm/components/TextField/PasswordField.js +0 -30
  280. package/dist/esm/components/TextField/TelField.js +0 -30
  281. package/dist/esm/components/TextField/TextField.js +0 -30
  282. package/dist/esm/components/TextField/TextareaField.js +0 -30
  283. package/dist/esm/components/TextField/index.js +0 -7
  284. package/dist/esm/components/TextLink/TextLink.js +0 -49
  285. package/dist/esm/components/TextLink/index.js +0 -1
  286. package/dist/esm/components/index.js +0 -27
  287. package/dist/esm/hooks/index.js +0 -2
  288. package/dist/esm/hooks/use-breakpoint.js +0 -12
  289. package/dist/esm/hooks/use-full-width.js +0 -16
  290. package/dist/esm/index.js +0 -3
  291. package/dist/esm/providers/IconsProvider.js +0 -65
  292. package/dist/esm/providers/icons/ArrowDown.js +0 -15
  293. package/dist/esm/providers/icons/ArrowLeft.js +0 -15
  294. package/dist/esm/providers/icons/ArrowRight.js +0 -15
  295. package/dist/esm/providers/icons/ArrowUp.js +0 -15
  296. package/dist/esm/providers/icons/CaretDown.js +0 -15
  297. package/dist/esm/providers/icons/CaretLeft.js +0 -15
  298. package/dist/esm/providers/icons/CaretRight.js +0 -15
  299. package/dist/esm/providers/icons/CaretUp.js +0 -15
  300. package/dist/esm/providers/icons/Chart.js +0 -15
  301. package/dist/esm/providers/icons/Check.js +0 -15
  302. package/dist/esm/providers/icons/ChevronDown.js +0 -15
  303. package/dist/esm/providers/icons/ChevronLeft.js +0 -15
  304. package/dist/esm/providers/icons/ChevronLeftSmall.js +0 -15
  305. package/dist/esm/providers/icons/ChevronLeftSmallFirst.js +0 -15
  306. package/dist/esm/providers/icons/ChevronRight.js +0 -15
  307. package/dist/esm/providers/icons/ChevronRightSmall.js +0 -15
  308. package/dist/esm/providers/icons/ChevronRightSmallLast.js +0 -15
  309. package/dist/esm/providers/icons/ChevronUp.js +0 -15
  310. package/dist/esm/providers/icons/Cross.js +0 -15
  311. package/dist/esm/providers/icons/Dollar.js +0 -15
  312. package/dist/esm/providers/icons/Download.js +0 -15
  313. package/dist/esm/providers/icons/Electricity.js +0 -15
  314. package/dist/esm/providers/icons/Euro.js +0 -15
  315. package/dist/esm/providers/icons/Gas.js +0 -16
  316. package/dist/esm/providers/icons/Help.js +0 -15
  317. package/dist/esm/providers/icons/Hide.js +0 -15
  318. package/dist/esm/providers/icons/HidePassword.js +0 -15
  319. package/dist/esm/providers/icons/Home.js +0 -15
  320. package/dist/esm/providers/icons/Info.js +0 -15
  321. package/dist/esm/providers/icons/Link.js +0 -16
  322. package/dist/esm/providers/icons/Logo.js +0 -15
  323. package/dist/esm/providers/icons/Minus.js +0 -15
  324. package/dist/esm/providers/icons/NewWindow.js +0 -15
  325. package/dist/esm/providers/icons/Payment.js +0 -15
  326. package/dist/esm/providers/icons/PaymentCard.js +0 -15
  327. package/dist/esm/providers/icons/Plus.js +0 -15
  328. package/dist/esm/providers/icons/Pound.js +0 -15
  329. package/dist/esm/providers/icons/Search.js +0 -15
  330. package/dist/esm/providers/icons/Show.js +0 -15
  331. package/dist/esm/providers/icons/ShowPassword.js +0 -15
  332. package/dist/esm/providers/icons/Usage.js +0 -15
  333. package/dist/esm/providers/icons/User.js +0 -15
  334. package/dist/esm/providers/icons/index.js +0 -38
  335. package/dist/esm/providers/index.js +0 -2
  336. package/dist/esm/providers/types.js +0 -1
  337. package/dist/esm/styled.native.js +0 -4
  338. package/dist/esm/theme/create-theme.js +0 -503
  339. package/dist/esm/theme/index.js +0 -8
  340. package/dist/esm/theme/theme.js +0 -1
  341. package/dist/esm/utils/index.js +0 -1
  342. package/dist/esm/utils/utils.js +0 -93
  343. package/dist/hooks/index.d.ts +0 -2
  344. package/dist/hooks/index.js +0 -18
  345. package/dist/hooks/use-breakpoint.d.ts +0 -7
  346. package/dist/hooks/use-breakpoint.js +0 -16
  347. package/dist/hooks/use-full-width.d.ts +0 -2
  348. package/dist/hooks/use-full-width.js +0 -20
  349. package/dist/index.d.ts +0 -3
  350. package/dist/index.js +0 -19
  351. package/dist/providers/IconsProvider.d.ts +0 -8
  352. package/dist/providers/IconsProvider.js +0 -93
  353. package/dist/providers/icons/ArrowDown.d.ts +0 -2
  354. package/dist/providers/icons/ArrowDown.js +0 -22
  355. package/dist/providers/icons/ArrowLeft.d.ts +0 -2
  356. package/dist/providers/icons/ArrowLeft.js +0 -22
  357. package/dist/providers/icons/ArrowRight.d.ts +0 -2
  358. package/dist/providers/icons/ArrowRight.js +0 -22
  359. package/dist/providers/icons/ArrowUp.d.ts +0 -2
  360. package/dist/providers/icons/ArrowUp.js +0 -22
  361. package/dist/providers/icons/CaretDown.d.ts +0 -2
  362. package/dist/providers/icons/CaretDown.js +0 -22
  363. package/dist/providers/icons/CaretLeft.d.ts +0 -2
  364. package/dist/providers/icons/CaretLeft.js +0 -22
  365. package/dist/providers/icons/CaretRight.d.ts +0 -2
  366. package/dist/providers/icons/CaretRight.js +0 -22
  367. package/dist/providers/icons/CaretUp.d.ts +0 -2
  368. package/dist/providers/icons/CaretUp.js +0 -22
  369. package/dist/providers/icons/Chart.d.ts +0 -2
  370. package/dist/providers/icons/Chart.js +0 -22
  371. package/dist/providers/icons/Check.d.ts +0 -2
  372. package/dist/providers/icons/Check.js +0 -22
  373. package/dist/providers/icons/ChevronDown.d.ts +0 -2
  374. package/dist/providers/icons/ChevronDown.js +0 -22
  375. package/dist/providers/icons/ChevronLeft.d.ts +0 -2
  376. package/dist/providers/icons/ChevronLeft.js +0 -22
  377. package/dist/providers/icons/ChevronLeftSmall.d.ts +0 -2
  378. package/dist/providers/icons/ChevronLeftSmall.js +0 -22
  379. package/dist/providers/icons/ChevronLeftSmallFirst.d.ts +0 -2
  380. package/dist/providers/icons/ChevronLeftSmallFirst.js +0 -22
  381. package/dist/providers/icons/ChevronRight.d.ts +0 -2
  382. package/dist/providers/icons/ChevronRight.js +0 -22
  383. package/dist/providers/icons/ChevronRightSmall.d.ts +0 -2
  384. package/dist/providers/icons/ChevronRightSmall.js +0 -22
  385. package/dist/providers/icons/ChevronRightSmallLast.d.ts +0 -2
  386. package/dist/providers/icons/ChevronRightSmallLast.js +0 -22
  387. package/dist/providers/icons/ChevronUp.d.ts +0 -2
  388. package/dist/providers/icons/ChevronUp.js +0 -22
  389. package/dist/providers/icons/Cross.d.ts +0 -2
  390. package/dist/providers/icons/Cross.js +0 -22
  391. package/dist/providers/icons/Dollar.d.ts +0 -2
  392. package/dist/providers/icons/Dollar.js +0 -22
  393. package/dist/providers/icons/Download.d.ts +0 -2
  394. package/dist/providers/icons/Download.js +0 -22
  395. package/dist/providers/icons/Electricity.d.ts +0 -2
  396. package/dist/providers/icons/Electricity.js +0 -22
  397. package/dist/providers/icons/Euro.d.ts +0 -2
  398. package/dist/providers/icons/Euro.js +0 -22
  399. package/dist/providers/icons/Gas.d.ts +0 -2
  400. package/dist/providers/icons/Gas.js +0 -23
  401. package/dist/providers/icons/Help.d.ts +0 -2
  402. package/dist/providers/icons/Help.js +0 -22
  403. package/dist/providers/icons/Hide.d.ts +0 -2
  404. package/dist/providers/icons/Hide.js +0 -22
  405. package/dist/providers/icons/HidePassword.d.ts +0 -2
  406. package/dist/providers/icons/HidePassword.js +0 -22
  407. package/dist/providers/icons/Home.d.ts +0 -2
  408. package/dist/providers/icons/Home.js +0 -22
  409. package/dist/providers/icons/Info.d.ts +0 -2
  410. package/dist/providers/icons/Info.js +0 -22
  411. package/dist/providers/icons/Link.d.ts +0 -2
  412. package/dist/providers/icons/Link.js +0 -23
  413. package/dist/providers/icons/Logo.d.ts +0 -2
  414. package/dist/providers/icons/Logo.js +0 -22
  415. package/dist/providers/icons/Minus.d.ts +0 -2
  416. package/dist/providers/icons/Minus.js +0 -22
  417. package/dist/providers/icons/NewWindow.d.ts +0 -2
  418. package/dist/providers/icons/NewWindow.js +0 -22
  419. package/dist/providers/icons/Payment.d.ts +0 -2
  420. package/dist/providers/icons/Payment.js +0 -22
  421. package/dist/providers/icons/PaymentCard.d.ts +0 -2
  422. package/dist/providers/icons/PaymentCard.js +0 -22
  423. package/dist/providers/icons/Plus.d.ts +0 -2
  424. package/dist/providers/icons/Plus.js +0 -22
  425. package/dist/providers/icons/Pound.d.ts +0 -2
  426. package/dist/providers/icons/Pound.js +0 -22
  427. package/dist/providers/icons/Search.d.ts +0 -2
  428. package/dist/providers/icons/Search.js +0 -22
  429. package/dist/providers/icons/Show.d.ts +0 -2
  430. package/dist/providers/icons/Show.js +0 -22
  431. package/dist/providers/icons/ShowPassword.d.ts +0 -2
  432. package/dist/providers/icons/ShowPassword.js +0 -22
  433. package/dist/providers/icons/Usage.d.ts +0 -2
  434. package/dist/providers/icons/Usage.js +0 -22
  435. package/dist/providers/icons/User.d.ts +0 -2
  436. package/dist/providers/icons/User.js +0 -22
  437. package/dist/providers/icons/index.d.ts +0 -38
  438. package/dist/providers/icons/index.js +0 -54
  439. package/dist/providers/index.d.ts +0 -2
  440. package/dist/providers/index.js +0 -18
  441. package/dist/providers/types.d.ts +0 -4
  442. package/dist/providers/types.js +0 -2
  443. package/dist/styled.native.d.ts +0 -6
  444. package/dist/styled.native.js +0 -33
  445. package/dist/theme/create-theme.d.ts +0 -18
  446. package/dist/theme/create-theme.js +0 -510
  447. package/dist/theme/index.d.ts +0 -5
  448. package/dist/theme/index.js +0 -26
  449. package/dist/theme/theme.d.ts +0 -301
  450. package/dist/theme/theme.js +0 -2
  451. package/dist/utils/index.d.ts +0 -1
  452. package/dist/utils/index.js +0 -17
  453. package/dist/utils/utils.d.ts +0 -15
  454. package/dist/utils/utils.js +0 -126
@@ -1,15 +0,0 @@
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 Pound = function (props) { return (React.createElement(Svg, __assign({ viewBox: "0 0 16 16" }, props),
15
- React.createElement(Path, { d: "M3.11928 7.41931H4.51093C4.11332 6.46204 3.91451 5.63147 3.91451 4.9276C3.91451 3.80141 4.29225 2.86526 5.04771 2.11916C5.80318 1.37305 6.73757 1 7.85089 1C9.24254 1 10.2565 1.37305 10.8926 2.11916C11.5421 2.86526 11.8933 3.7451 11.9463 4.75867L9.99801 5.11765C9.98476 4.35747 9.78595 3.78733 9.40159 3.40724C9.03048 3.01307 8.52684 2.81599 7.89066 2.81599C7.334 2.81599 6.85686 3.00603 6.45924 3.38612C6.06163 3.75214 5.86282 4.26596 5.86282 4.9276C5.86282 5.51885 6.08151 6.34942 6.51889 7.41931H10.3757V9.2353H7.03579C7.06229 9.48869 7.07555 9.67873 7.07555 9.80543C7.07555 10.5375 6.90987 11.1991 6.57853 11.7903C6.24718 12.3816 5.7833 12.8391 5.18688 13.1629H9.22266C9.85885 13.1629 10.336 12.9517 10.6541 12.5294C10.9722 12.093 11.1312 11.5581 11.1312 10.9246L13 11.2202C13 12.3323 12.7018 13.2403 12.1054 13.9442C11.5222 14.6481 10.7203 15 9.6998 15H3V12.994C3.66269 12.6983 4.19284 12.2831 4.59046 11.7481C4.98807 11.1991 5.18688 10.629 5.18688 10.0377C5.18688 9.728 5.16037 9.46053 5.10736 9.2353H3.11928V7.41931Z", fill: "currentColor", fillRule: "evenodd" }))); };
@@ -1,15 +0,0 @@
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" }))); };
@@ -1,15 +0,0 @@
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" }))); };
@@ -1,15 +0,0 @@
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" }))); };
@@ -1,15 +0,0 @@
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" }))); };
@@ -1,15 +0,0 @@
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,38 +0,0 @@
1
- export * from './ArrowDown';
2
- export * from './ArrowLeft';
3
- export * from './ArrowRight';
4
- export * from './ArrowUp';
5
- export * from './CaretDown';
6
- export * from './CaretLeft';
7
- export * from './CaretRight';
8
- export * from './CaretUp';
9
- export * from './Check';
10
- export * from './ChevronDown';
11
- export * from './ChevronLeft';
12
- export * from './ChevronLeftSmall';
13
- export * from './ChevronLeftSmallFirst';
14
- export * from './ChevronRight';
15
- export * from './ChevronRightSmall';
16
- export * from './ChevronRightSmallLast';
17
- export * from './ChevronUp';
18
- export * from './Cross';
19
- export * from './Dollar';
20
- export * from './Download';
21
- export * from './Electricity';
22
- export * from './Euro';
23
- export * from './Gas';
24
- export * from './Help';
25
- export * from './Hide';
26
- export * from './Home';
27
- export * from './Info';
28
- export * from './Link';
29
- export * from './Logo';
30
- export * from './Minus';
31
- export * from './NewWindow';
32
- export * from './PaymentCard';
33
- export * from './Plus';
34
- export * from './Pound';
35
- export * from './Search';
36
- export * from './Show';
37
- export * from './Chart';
38
- export * from './User';
@@ -1,2 +0,0 @@
1
- export * from './IconsProvider';
2
- export * from './types';
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- import * as styledComponents from 'styled-components/native';
2
- var _a = styledComponents, styled = _a.default, css = _a.css, ThemeProvider = _a.ThemeProvider, ThemeContext = _a.ThemeContext, useTheme = _a.useTheme;
3
- export { css, ThemeProvider, ThemeContext, useTheme };
4
- export default styled;
@@ -1,503 +0,0 @@
1
- import deepMerge from 'deepmerge';
2
- var brand = {
3
- focus: { base: '#3F64E6' },
4
- primary: {
5
- muted: '#E7F3EA',
6
- lightest: '#B6D727',
7
- lighter: '#9DC431',
8
- light: '#6CBD27',
9
- base: '#0D8426',
10
- dark: '#0D8426',
11
- darker: '#006945',
12
- },
13
- grey: {
14
- lightest: '#FFFFFF',
15
- lighter: '#F9F9F9',
16
- light: '#F3F3F3',
17
- base: '#D1D6DE',
18
- dark: '#666D78',
19
- darker: '#2F3749',
20
- darkest: '#111111',
21
- },
22
- mission: {
23
- base: '#DE1D8D',
24
- dark: '#C6187D',
25
- },
26
- complementary: {
27
- base: '#197278',
28
- },
29
- electricity: {
30
- base: '#E7A234',
31
- dark: '#D1760A',
32
- },
33
- gas: {
34
- base: '#26ADE4',
35
- dark: '#3F64E6',
36
- },
37
- error: {
38
- lightest: '#FAE8EC',
39
- base: '#C7153E',
40
- dark: '#8C0A28',
41
- },
42
- };
43
- export var defaultTokens = {
44
- borderWidths: {
45
- standard: '1px',
46
- heavy: '2px',
47
- heavier: '4px',
48
- },
49
- radii: {
50
- small: '4px',
51
- medium: '8px',
52
- large: '12px',
53
- },
54
- shadows: {
55
- standard: {
56
- color: '#000',
57
- offset: '1px',
58
- opacity: 0.15,
59
- radius: '4px',
60
- elevation: 3,
61
- },
62
- },
63
- breakpoints: { small: 576, medium: 768, large: 1200 },
64
- space: {
65
- 1: '4px',
66
- 2: '8px',
67
- 3: '12px',
68
- 4: '16px',
69
- 5: '20px',
70
- 6: '24px',
71
- 7: '28px',
72
- 8: '32px',
73
- 9: '36px',
74
- 10: '40px',
75
- 11: '44px',
76
- 12: '48px',
77
- },
78
- fonts: {
79
- body: 'OVOCircularTT-Book',
80
- bold: 'OVOCircularTT-Bold',
81
- heading: 'OVOCircularTT-Black',
82
- },
83
- lineHeights: {
84
- standard: 1.5,
85
- },
86
- fontSizes: ['12px', '14px', '16px', '20px', '24px', '28px', '32px', '48px'],
87
- fontWeights: {
88
- normal: 400,
89
- bold: 700,
90
- semiBold: 600,
91
- heading: 900,
92
- },
93
- colors: {
94
- primary: brand.primary.base,
95
- primaryAlt: brand.primary.darker,
96
- primaryContrast: '#FFFFFF',
97
- primaryMuted: brand.primary.muted,
98
- error: '#C7153E',
99
- errorAlt: '#8C0A28',
100
- errorContrast: '#FFFFFF',
101
- errorMuted: '#FAE8EC',
102
- focus: '#3F64E6',
103
- focusMuted: '#C6D1F8',
104
- canvas: '#FFFFFF',
105
- body: brand.grey.darker,
106
- heading: brand.grey.darker,
107
- border: brand.grey.dark,
108
- canvasMuted: '#F0F2F5',
109
- borderMuted: brand.grey.base,
110
- info: '#3F64E6',
111
- infoAlt: '#004CA0',
112
- infoContrast: '#FFFFFF',
113
- infoMuted: '#ECF0FD',
114
- warning: '#BE5409',
115
- warningAlt: '#8A3C05',
116
- warningContrast: '#FFFFFF',
117
- warningMuted: '#F7F0E7',
118
- success: brand.primary.base,
119
- successAlt: brand.primary.darker,
120
- successContrast: '#FFFFFF',
121
- successMuted: brand.primary.muted,
122
- mission: '#DE1D8D',
123
- missionMuted: '#FDF4F9',
124
- missionAlt: '#C6187D',
125
- missionContrast: '#FFFFFF',
126
- brand: brand,
127
- },
128
- responsiveFontSizes: {
129
- label: ['11px', '14px'],
130
- small: ['14px', '14px'],
131
- body: ['16px', '16px'],
132
- level1: ['28px', '48px'],
133
- level2: ['24px', '36px'],
134
- level3: ['20px', '28px'],
135
- level4: ['16px', '22px'],
136
- lead: ['18px', '22px'],
137
- },
138
- responsiveLineHeights: {
139
- label: ['20px', '20px'],
140
- small: ['20px', '20px'],
141
- body: ['24px', '24px'],
142
- level1: ['36px', '52px'],
143
- level2: ['32px', '44px'],
144
- level3: ['24px', '36px'],
145
- level4: ['20px', '28px'],
146
- lead: ['24px', '28px'],
147
- },
148
- };
149
- export function createTheme(customTheme, additional) {
150
- var mergeOptions = { arrayMerge: function (_, source) { return source; } };
151
- var customThemeWithAdditional = deepMerge(customTheme, additional || {}, mergeOptions);
152
- var theme = deepMerge(defaultTokens, customThemeWithAdditional, mergeOptions);
153
- var fontSizes = theme.fontSizes, breakpoints = theme.breakpoints, colors = theme.colors, fontWeights = theme.fontWeights, fonts = theme.fonts, lineHeights = theme.lineHeights, space = theme.space, radii = theme.radii, shadows = theme.shadows, borderWidths = theme.borderWidths, responsiveFontSizes = theme.responsiveFontSizes, responsiveLineHeights = theme.responsiveLineHeights;
154
- return deepMerge({
155
- field: {
156
- fontFamily: fonts.body,
157
- fontSize: responsiveFontSizes.body,
158
- lineHeight: lineHeights.standard,
159
- dateWidth: '265px',
160
- gap: space[2],
161
- error: {
162
- color: colors.error,
163
- fontWeight: fontWeights.bold,
164
- fontFamily: fonts.bold,
165
- },
166
- hint: {
167
- fontWeight: fontWeights.normal,
168
- color: colors.border,
169
- },
170
- label: {
171
- color: colors.heading,
172
- fontWeight: fontWeights.bold,
173
- fontFamily: fonts.bold,
174
- },
175
- subLabel: {
176
- color: colors.border,
177
- fontWeight: fontWeights.normal,
178
- },
179
- legend: {
180
- marginBottom: space[1],
181
- },
182
- errorIndent: {
183
- borderWidth: space[1],
184
- borderRadius: radii.small,
185
- },
186
- },
187
- focusRing: {
188
- color: colors.focus,
189
- width: borderWidths.heavy,
190
- distance: borderWidths.heavy,
191
- },
192
- input: {
193
- fontFamily: fonts.body,
194
- fontSize: responsiveFontSizes.body,
195
- color: colors.body,
196
- lineHeight: lineHeights.standard,
197
- fontWeight: fontWeights.normal,
198
- height: space[11],
199
- borderColor: colors.border,
200
- borderWidth: borderWidths.standard,
201
- background: colors.canvas,
202
- padding: space[2],
203
- borderRadius: radii.small,
204
- error: {
205
- borderWidth: borderWidths.heavy,
206
- color: colors.error,
207
- },
208
- icon: {
209
- size: space[4],
210
- },
211
- },
212
- card: {
213
- background: colors.canvas,
214
- borderWidth: borderWidths.standard,
215
- borderColor: colors.borderMuted,
216
- padding: [space[3], space[6], space[9]],
217
- },
218
- badge: {
219
- fontWeight: fontWeights.bold,
220
- fontFamily: fonts.bold,
221
- lineHeight: lineHeights.standard,
222
- paddingHorizontal: space[2],
223
- borderRadius: radii.small,
224
- fontSize: responsiveFontSizes.body,
225
- variants: {
226
- default: {
227
- background: colors.primaryMuted,
228
- foreground: colors.primaryAlt,
229
- },
230
- error: {
231
- background: colors.errorMuted,
232
- foreground: colors.errorAlt,
233
- },
234
- success: {
235
- background: colors.successMuted,
236
- foreground: colors.successAlt,
237
- },
238
- info: {
239
- background: colors.infoMuted,
240
- foreground: colors.infoAlt,
241
- },
242
- warning: {
243
- background: colors.warningMuted,
244
- foreground: colors.warningAlt,
245
- },
246
- },
247
- },
248
- cta: {
249
- fontSize: responsiveFontSizes.body,
250
- fontWeight: fontWeights.bold,
251
- fontFamily: fonts.bold,
252
- lineHeight: lineHeights.standard,
253
- paddingVertical: space[2],
254
- paddingHorizontal: space[3],
255
- borderRadius: radii.small,
256
- borderWidth: borderWidths.standard,
257
- iconGap: space[1],
258
- minHeight: space[11],
259
- variants: {
260
- primary: {
261
- background: colors.primary,
262
- foreground: colors.primaryContrast,
263
- border: colors.primary,
264
- },
265
- secondary: {
266
- background: colors.primaryContrast,
267
- foreground: colors.primary,
268
- border: colors.primary,
269
- },
270
- destructive: {
271
- background: colors.error,
272
- foreground: colors.errorContrast,
273
- border: colors.error,
274
- },
275
- missionPrimary: {
276
- background: colors.mission,
277
- foreground: colors.missionContrast,
278
- border: colors.mission,
279
- },
280
- missionSecondary: {
281
- background: colors.primaryContrast,
282
- foreground: colors.primary,
283
- border: colors.primary,
284
- },
285
- },
286
- },
287
- checkbox: {
288
- touchSize: space[11],
289
- size: space[6],
290
- checkSize: space[5],
291
- gap: space[2],
292
- paddingTop: space[3],
293
- borderWidth: borderWidths.standard,
294
- borderColor: colors.border,
295
- borderRadius: radii.small,
296
- background: colors.canvas,
297
- checkedBackground: colors.infoMuted,
298
- checkColor: colors.info,
299
- errorColor: colors.error,
300
- },
301
- notification: {
302
- borderRadius: radii.small,
303
- borderWidth: borderWidths.heavy,
304
- borderColor: colors.error,
305
- background: colors.errorMuted,
306
- paddingX: [space[2], space[2]],
307
- paddingY: [space[3], space[6]],
308
- dismiss: {
309
- touchSize: space[6],
310
- size: space[4],
311
- icon: 'cross',
312
- },
313
- variants: {
314
- error: {
315
- borderColor: colors.errorMuted,
316
- background: colors.errorMuted,
317
- textColor: colors.errorAlt,
318
- },
319
- success: {
320
- borderColor: colors.successMuted,
321
- background: colors.successMuted,
322
- textColor: colors.successAlt,
323
- },
324
- info: {
325
- borderColor: colors.infoMuted,
326
- background: colors.infoMuted,
327
- textColor: colors.infoAlt,
328
- },
329
- warning: {
330
- borderColor: colors.warningMuted,
331
- background: colors.warningMuted,
332
- textColor: colors.warningAlt,
333
- },
334
- },
335
- },
336
- text: {
337
- fontFamily: fonts.body,
338
- fontWeight: fontWeights.normal,
339
- lineHeight: 1,
340
- color: colors.body,
341
- p: {
342
- fontSize: responsiveFontSizes.body,
343
- lineHeight: responsiveLineHeights.body,
344
- marginTop: [space[3], space[3]],
345
- marginBottom: [space[3], space[3]],
346
- },
347
- small: {
348
- fontSize: responsiveFontSizes.small,
349
- lineHeight: responsiveLineHeights.small,
350
- },
351
- strong: {
352
- fontWeight: fontWeights.bold,
353
- fontFamily: fonts.bold,
354
- },
355
- },
356
- list: {
357
- marginTop: [space[2], space[3]],
358
- marginBottom: [space[2], space[3]],
359
- marginLeft: space[6],
360
- listItem: {
361
- fontSize: responsiveFontSizes.body,
362
- marginVertical: 2,
363
- bulletGap: space[2],
364
- bulletWidth: space[2],
365
- },
366
- descriptionTerm: {
367
- color: colors.heading,
368
- fontWeight: fontWeights.bold,
369
- fontFamily: fonts.bold,
370
- marginTop: [space[3], space[4]],
371
- marginBottom: [space[1], space[1]],
372
- },
373
- },
374
- textLink: {
375
- color: colors.primary,
376
- fontWeight: fontWeights.normal,
377
- },
378
- heading: {
379
- fontFamily: fonts.heading,
380
- fontWeight: fontWeights.heading,
381
- color: colors.heading,
382
- heading1: {
383
- fontSize: responsiveFontSizes.level1,
384
- lineHeight: responsiveLineHeights.level1,
385
- marginTop: [space[8], space[12]],
386
- marginBottom: [space[3], space[4]],
387
- },
388
- heading2: {
389
- fontSize: responsiveFontSizes.level2,
390
- lineHeight: responsiveLineHeights.level2,
391
- marginTop: [space[6], space[8]],
392
- marginBottom: [space[3], space[4]],
393
- },
394
- heading3: {
395
- fontSize: responsiveFontSizes.level3,
396
- lineHeight: responsiveLineHeights.level3,
397
- marginTop: [space[4], space[6]],
398
- marginBottom: [space[3], space[4]],
399
- },
400
- heading4: {
401
- fontSize: responsiveFontSizes.level4,
402
- lineHeight: responsiveLineHeights.level4,
403
- marginTop: [space[3], space[4]],
404
- marginBottom: [space[3], space[4]],
405
- },
406
- },
407
- shadows: shadows,
408
- radii: radii,
409
- radio: {
410
- touchSize: space[11],
411
- size: space[8],
412
- dotSize: space[5],
413
- gap: space[2],
414
- paddingTop: space[3],
415
- borderWidth: borderWidths.standard,
416
- borderColor: colors.border,
417
- background: colors.canvas,
418
- dotColor: colors.info,
419
- checkedBackground: colors.infoMuted,
420
- errorColor: colors.error,
421
- },
422
- fontWeights: fontWeights,
423
- fontSizes: fontSizes,
424
- fonts: fonts,
425
- responsiveFontSizes: responsiveFontSizes,
426
- responsiveLineHeights: responsiveLineHeights,
427
- colors: colors,
428
- borderWidths: borderWidths,
429
- breakpoints: breakpoints,
430
- lineHeights: lineHeights,
431
- space: space,
432
- grid: {
433
- maxWidth: breakpoints.large + 'px',
434
- gutter: [space[4], space[8]],
435
- },
436
- disclosure: {
437
- iconGap: [space[1], space[2]],
438
- panelGap: [space[2], space[3]],
439
- },
440
- dataTable: {
441
- borderWidth: borderWidths.standard,
442
- borderRadius: radii.small,
443
- borderColor: colors.canvasMuted,
444
- responsivePadding: {
445
- vertical: [space[2], space[3]],
446
- horizontal: [space[1], space[1]],
447
- },
448
- tableHeader: {
449
- color: colors.heading,
450
- backgroundColor: colors.canvas,
451
- borderWidth: borderWidths.standard,
452
- borderColor: colors.border,
453
- fontWeight: fontWeights.bold,
454
- fontFamily: fonts.bold,
455
- },
456
- tableCaption: {
457
- color: colors.heading,
458
- fontWeight: fontWeights.bold,
459
- fontFamily: fonts.bold,
460
- },
461
- tableCell: {
462
- color: colors.body,
463
- },
464
- tableRow: {
465
- backgroundColor: colors.canvas,
466
- stripeColor: colors.canvasMuted,
467
- },
468
- },
469
- accordion: {
470
- header: {
471
- color: colors.primary,
472
- paddingVertical: [space[3], space[5]],
473
- iconSize: space[4],
474
- iconGap: space[3],
475
- },
476
- },
477
- tabs: {
478
- tab: {
479
- borderTopWidth: borderWidths.heavy,
480
- borderBottomWidth: borderWidths.heavy,
481
- borderColor: colors.canvas,
482
- fontSize: responsiveFontSizes.body,
483
- fontWeight: fontWeights.bold,
484
- fontFamily: fonts.bold,
485
- lineHeight: lineHeights.standard,
486
- paddingHorizontal: [space[4], space[4]],
487
- paddingVertical: [space[3], space[3]],
488
- active: {
489
- borderColor: colors.primary,
490
- foregroundColor: colors.primary,
491
- backgroundColor: colors.canvas,
492
- },
493
- inactive: {
494
- foregroundColor: colors.heading,
495
- backgroundColor: colors.canvas,
496
- },
497
- hover: {
498
- foregroundColor: colors.primaryAlt,
499
- },
500
- },
501
- },
502
- }, theme, mergeOptions);
503
- }
@@ -1,8 +0,0 @@
1
- import { pxToNumber } from '../utils';
2
- import { createTheme } from './create-theme';
3
- export * from './theme';
4
- export * from './create-theme';
5
- export var theme = createTheme({});
6
- export var calculateLineHeight = function (size, lineHeight) {
7
- return pxToNumber(size) * (lineHeight || 1) + 'px';
8
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export * from './utils';