@ovotech/element-native 3.2.3-canary-490fc38-128 → 3.2.3

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 (267) hide show
  1. package/dist/components/Accordion/styles.d.ts +27 -27
  2. package/dist/components/Accordion/styles.js +1 -1
  3. package/dist/components/ActionList/styled.d.ts +45 -45
  4. package/dist/components/ActionList/styled.js +1 -1
  5. package/dist/components/Badge/Badge.d.ts +9 -9
  6. package/dist/components/Card/Card.d.ts +9 -9
  7. package/dist/components/Checkbox/Checkbox.js +5 -4
  8. package/dist/components/DataTable/styles.d.ts +99 -99
  9. package/dist/components/DescriptionList/styled.d.ts +9 -9
  10. package/dist/components/ErrorText/ErrorText.d.ts +9 -9
  11. package/dist/components/Field/Field.js +3 -1
  12. package/dist/components/Grid/Col.d.ts +9 -9
  13. package/dist/components/Grid/Row.d.ts +9 -9
  14. package/dist/components/HintText/HintText.d.ts +9 -9
  15. package/dist/components/Input/PasswordInput.styled.d.ts +9 -9
  16. package/dist/components/LabelText/LabelText.d.ts +9 -9
  17. package/dist/components/List/List.d.ts +270 -19
  18. package/dist/components/List/List.js +55 -2
  19. package/dist/components/List/index.d.ts +1 -1
  20. package/dist/components/List/index.js +4 -1
  21. package/dist/components/Margin/Margin.d.ts +11 -11
  22. package/dist/components/Notification/Notification.d.ts +18 -18
  23. package/dist/components/SelectField/Select.d.ts +9 -9
  24. package/dist/components/SkeletonLoading/Skeleton.d.ts +9 -9
  25. package/dist/components/Stack/Stack.d.ts +2 -2
  26. package/dist/components/SubLabelText/SubLabelText.d.ts +9 -9
  27. package/dist/components/SummaryList/SummaryList.d.ts +14 -0
  28. package/dist/components/SummaryList/SummaryList.js +47 -0
  29. package/dist/components/SummaryList/index.d.ts +1 -0
  30. package/dist/components/SummaryList/index.js +6 -0
  31. package/dist/components/Text/Text.d.ts +45 -45
  32. package/dist/components/TextLink/TextLink.js +3 -6
  33. package/dist/components/index.d.ts +1 -0
  34. package/dist/components/index.js +1 -0
  35. package/dist/esm/components/Accordion/styles.js +1 -1
  36. package/dist/esm/components/ActionList/styled.js +1 -1
  37. package/dist/esm/components/Checkbox/Checkbox.js +5 -4
  38. package/dist/esm/components/Field/Field.js +4 -2
  39. package/dist/esm/components/List/List.js +52 -2
  40. package/dist/esm/components/List/index.js +1 -1
  41. package/dist/esm/components/SummaryList/SummaryList.js +43 -0
  42. package/dist/esm/components/SummaryList/index.js +1 -0
  43. package/dist/esm/components/TextLink/TextLink.js +5 -8
  44. package/dist/esm/components/index.js +1 -0
  45. package/dist/esm/index.js +1 -0
  46. package/dist/esm/providers/IconsProvider.js +3 -46
  47. package/dist/esm/providers/icons/ArrowDown.js +2 -2
  48. package/dist/esm/providers/icons/ArrowLeft.js +2 -2
  49. package/dist/esm/providers/icons/ArrowRight.js +2 -2
  50. package/dist/esm/providers/icons/ArrowUp.js +2 -2
  51. package/dist/esm/providers/icons/CaretDown.js +2 -2
  52. package/dist/esm/providers/icons/CaretLeft.js +2 -2
  53. package/dist/esm/providers/icons/CaretRight.js +2 -2
  54. package/dist/esm/providers/icons/CaretUp.js +2 -2
  55. package/dist/esm/providers/icons/Chart.js +2 -2
  56. package/dist/esm/providers/icons/Check.js +2 -2
  57. package/dist/esm/providers/icons/ChevronDown.js +2 -2
  58. package/dist/esm/providers/icons/ChevronLeft.js +2 -2
  59. package/dist/esm/providers/icons/ChevronLeftSmall.js +2 -2
  60. package/dist/esm/providers/icons/ChevronLeftSmallFirst.js +2 -2
  61. package/dist/esm/providers/icons/ChevronRight.js +2 -2
  62. package/dist/esm/providers/icons/ChevronRightSmall.js +2 -2
  63. package/dist/esm/providers/icons/ChevronRightSmallLast.js +2 -2
  64. package/dist/esm/providers/icons/ChevronUp.js +2 -2
  65. package/dist/esm/providers/icons/Cross.js +2 -2
  66. package/dist/esm/providers/icons/Dollar.js +2 -2
  67. package/dist/esm/providers/icons/Download.js +2 -2
  68. package/dist/esm/providers/icons/Electricity.js +2 -2
  69. package/dist/esm/providers/icons/Euro.js +2 -2
  70. package/dist/esm/providers/icons/Gas.js +3 -3
  71. package/dist/esm/providers/icons/Help.js +2 -2
  72. package/dist/esm/providers/icons/Hide.js +2 -2
  73. package/dist/esm/providers/icons/Home.js +2 -2
  74. package/dist/esm/providers/icons/Info.js +2 -2
  75. package/dist/esm/providers/icons/Link.js +2 -2
  76. package/dist/esm/providers/icons/Minus.js +2 -2
  77. package/dist/esm/providers/icons/NewWindow.js +3 -3
  78. package/dist/esm/providers/icons/PaymentCard.js +2 -2
  79. package/dist/esm/providers/icons/Plus.js +2 -2
  80. package/dist/esm/providers/icons/Pound.js +2 -2
  81. package/dist/esm/providers/icons/Search.js +2 -2
  82. package/dist/esm/providers/icons/Show.js +2 -2
  83. package/dist/esm/providers/icons/Tune.js +2 -2
  84. package/dist/esm/providers/icons/User.js +2 -2
  85. package/dist/esm/providers/icons/index.js +3 -46
  86. package/dist/esm/theme/create-theme.js +330 -0
  87. package/dist/esm/{providers/icons/Doc.js → theme/index.js} +8 -3
  88. package/dist/esm/theme/theme.js +1 -0
  89. package/dist/index.d.ts +1 -0
  90. package/dist/index.js +1 -0
  91. package/dist/providers/IconsProvider.js +2 -45
  92. package/dist/providers/icons/ArrowDown.js +2 -25
  93. package/dist/providers/icons/ArrowLeft.js +2 -25
  94. package/dist/providers/icons/ArrowRight.js +2 -25
  95. package/dist/providers/icons/ArrowUp.js +2 -25
  96. package/dist/providers/icons/CaretDown.js +2 -25
  97. package/dist/providers/icons/CaretLeft.js +2 -25
  98. package/dist/providers/icons/CaretRight.js +2 -25
  99. package/dist/providers/icons/CaretUp.js +2 -25
  100. package/dist/providers/icons/Chart.js +2 -25
  101. package/dist/providers/icons/Check.js +2 -25
  102. package/dist/providers/icons/ChevronDown.js +2 -25
  103. package/dist/providers/icons/ChevronLeft.js +2 -25
  104. package/dist/providers/icons/ChevronLeftSmall.js +2 -25
  105. package/dist/providers/icons/ChevronLeftSmallFirst.js +2 -25
  106. package/dist/providers/icons/ChevronRight.js +2 -25
  107. package/dist/providers/icons/ChevronRightSmall.js +2 -25
  108. package/dist/providers/icons/ChevronRightSmallLast.js +2 -25
  109. package/dist/providers/icons/ChevronUp.js +2 -25
  110. package/dist/providers/icons/Cross.js +2 -25
  111. package/dist/providers/icons/Dollar.js +2 -25
  112. package/dist/providers/icons/Download.js +2 -25
  113. package/dist/providers/icons/Electricity.js +2 -25
  114. package/dist/providers/icons/Euro.js +2 -25
  115. package/dist/providers/icons/Gas.js +2 -25
  116. package/dist/providers/icons/Help.js +2 -25
  117. package/dist/providers/icons/Hide.js +2 -25
  118. package/dist/providers/icons/Home.js +2 -25
  119. package/dist/providers/icons/Info.js +2 -25
  120. package/dist/providers/icons/Link.js +2 -25
  121. package/dist/providers/icons/Minus.js +2 -25
  122. package/dist/providers/icons/NewWindow.js +2 -25
  123. package/dist/providers/icons/PaymentCard.js +2 -25
  124. package/dist/providers/icons/Plus.js +2 -25
  125. package/dist/providers/icons/Pound.js +2 -25
  126. package/dist/providers/icons/Search.js +2 -25
  127. package/dist/providers/icons/Show.js +2 -25
  128. package/dist/providers/icons/Tune.js +2 -25
  129. package/dist/providers/icons/User.js +2 -25
  130. package/dist/providers/icons/index.d.ts +3 -46
  131. package/dist/providers/icons/index.js +3 -46
  132. package/dist/styled.native.d.ts +49 -49
  133. package/dist/theme/create-theme.d.ts +18 -0
  134. package/dist/theme/create-theme.js +337 -0
  135. package/dist/theme/index.d.ts +231 -0
  136. package/dist/theme/index.js +37 -0
  137. package/dist/theme/theme.d.ts +193 -0
  138. package/dist/theme/theme.js +2 -0
  139. package/package.json +2 -2
  140. package/dist/esm/providers/icons/Address.js +0 -14
  141. package/dist/esm/providers/icons/Advice.js +0 -14
  142. package/dist/esm/providers/icons/Archive.js +0 -14
  143. package/dist/esm/providers/icons/Award.js +0 -14
  144. package/dist/esm/providers/icons/Battery.js +0 -14
  145. package/dist/esm/providers/icons/Cal.js +0 -14
  146. package/dist/esm/providers/icons/CalBook.js +0 -14
  147. package/dist/esm/providers/icons/ChartFilled.js +0 -14
  148. package/dist/esm/providers/icons/CheckCircle.js +0 -14
  149. package/dist/esm/providers/icons/CloseCircle.js +0 -14
  150. package/dist/esm/providers/icons/Eco.js +0 -14
  151. package/dist/esm/providers/icons/EcoHome.js +0 -14
  152. package/dist/esm/providers/icons/Edit.js +0 -14
  153. package/dist/esm/providers/icons/ElectricCar.js +0 -14
  154. package/dist/esm/providers/icons/ElectricHome.js +0 -14
  155. package/dist/esm/providers/icons/EnergyAdvice.js +0 -14
  156. package/dist/esm/providers/icons/Equals.js +0 -14
  157. package/dist/esm/providers/icons/GlobeAddress.js +0 -14
  158. package/dist/esm/providers/icons/HomeFilled.js +0 -14
  159. package/dist/esm/providers/icons/HydroPower.js +0 -14
  160. package/dist/esm/providers/icons/Mail.js +0 -14
  161. package/dist/esm/providers/icons/MailOpen.js +0 -14
  162. package/dist/esm/providers/icons/Menu.js +0 -14
  163. package/dist/esm/providers/icons/Message.js +0 -14
  164. package/dist/esm/providers/icons/MessageFilled.js +0 -14
  165. package/dist/esm/providers/icons/Mobile.js +0 -14
  166. package/dist/esm/providers/icons/Phone.js +0 -14
  167. package/dist/esm/providers/icons/Pricing.js +0 -14
  168. package/dist/esm/providers/icons/Security.js +0 -14
  169. package/dist/esm/providers/icons/SmartHome.js +0 -14
  170. package/dist/esm/providers/icons/SmartMeter.js +0 -14
  171. package/dist/esm/providers/icons/Solar.js +0 -14
  172. package/dist/esm/providers/icons/Star.js +0 -14
  173. package/dist/esm/providers/icons/Sun.js +0 -14
  174. package/dist/esm/providers/icons/Trees.js +0 -14
  175. package/dist/esm/providers/icons/UserFilled.js +0 -14
  176. package/dist/esm/providers/icons/Wallet.js +0 -14
  177. package/dist/esm/providers/icons/WalletFilled.js +0 -14
  178. package/dist/esm/providers/icons/WarmHome.js +0 -14
  179. package/dist/esm/providers/icons/Warning.js +0 -14
  180. package/dist/esm/providers/icons/WebAddress.js +0 -14
  181. package/dist/esm/providers/icons/WindPower.js +0 -14
  182. package/dist/providers/icons/Address.d.ts +0 -2
  183. package/dist/providers/icons/Address.js +0 -41
  184. package/dist/providers/icons/Advice.d.ts +0 -2
  185. package/dist/providers/icons/Advice.js +0 -41
  186. package/dist/providers/icons/Archive.d.ts +0 -2
  187. package/dist/providers/icons/Archive.js +0 -41
  188. package/dist/providers/icons/Award.d.ts +0 -2
  189. package/dist/providers/icons/Award.js +0 -41
  190. package/dist/providers/icons/Battery.d.ts +0 -2
  191. package/dist/providers/icons/Battery.js +0 -41
  192. package/dist/providers/icons/Cal.d.ts +0 -2
  193. package/dist/providers/icons/Cal.js +0 -41
  194. package/dist/providers/icons/CalBook.d.ts +0 -2
  195. package/dist/providers/icons/CalBook.js +0 -41
  196. package/dist/providers/icons/ChartFilled.d.ts +0 -2
  197. package/dist/providers/icons/ChartFilled.js +0 -41
  198. package/dist/providers/icons/CheckCircle.d.ts +0 -2
  199. package/dist/providers/icons/CheckCircle.js +0 -41
  200. package/dist/providers/icons/CloseCircle.d.ts +0 -2
  201. package/dist/providers/icons/CloseCircle.js +0 -41
  202. package/dist/providers/icons/Doc.d.ts +0 -2
  203. package/dist/providers/icons/Doc.js +0 -41
  204. package/dist/providers/icons/Eco.d.ts +0 -2
  205. package/dist/providers/icons/Eco.js +0 -41
  206. package/dist/providers/icons/EcoHome.d.ts +0 -2
  207. package/dist/providers/icons/EcoHome.js +0 -41
  208. package/dist/providers/icons/Edit.d.ts +0 -2
  209. package/dist/providers/icons/Edit.js +0 -41
  210. package/dist/providers/icons/ElectricCar.d.ts +0 -2
  211. package/dist/providers/icons/ElectricCar.js +0 -41
  212. package/dist/providers/icons/ElectricHome.d.ts +0 -2
  213. package/dist/providers/icons/ElectricHome.js +0 -41
  214. package/dist/providers/icons/EnergyAdvice.d.ts +0 -2
  215. package/dist/providers/icons/EnergyAdvice.js +0 -41
  216. package/dist/providers/icons/Equals.d.ts +0 -2
  217. package/dist/providers/icons/Equals.js +0 -41
  218. package/dist/providers/icons/GlobeAddress.d.ts +0 -2
  219. package/dist/providers/icons/GlobeAddress.js +0 -41
  220. package/dist/providers/icons/HomeFilled.d.ts +0 -2
  221. package/dist/providers/icons/HomeFilled.js +0 -41
  222. package/dist/providers/icons/HydroPower.d.ts +0 -2
  223. package/dist/providers/icons/HydroPower.js +0 -41
  224. package/dist/providers/icons/Mail.d.ts +0 -2
  225. package/dist/providers/icons/Mail.js +0 -41
  226. package/dist/providers/icons/MailOpen.d.ts +0 -2
  227. package/dist/providers/icons/MailOpen.js +0 -41
  228. package/dist/providers/icons/Menu.d.ts +0 -2
  229. package/dist/providers/icons/Menu.js +0 -41
  230. package/dist/providers/icons/Message.d.ts +0 -2
  231. package/dist/providers/icons/Message.js +0 -41
  232. package/dist/providers/icons/MessageFilled.d.ts +0 -2
  233. package/dist/providers/icons/MessageFilled.js +0 -41
  234. package/dist/providers/icons/Mobile.d.ts +0 -2
  235. package/dist/providers/icons/Mobile.js +0 -41
  236. package/dist/providers/icons/Phone.d.ts +0 -2
  237. package/dist/providers/icons/Phone.js +0 -41
  238. package/dist/providers/icons/Pricing.d.ts +0 -2
  239. package/dist/providers/icons/Pricing.js +0 -41
  240. package/dist/providers/icons/Security.d.ts +0 -2
  241. package/dist/providers/icons/Security.js +0 -41
  242. package/dist/providers/icons/SmartHome.d.ts +0 -2
  243. package/dist/providers/icons/SmartHome.js +0 -41
  244. package/dist/providers/icons/SmartMeter.d.ts +0 -2
  245. package/dist/providers/icons/SmartMeter.js +0 -41
  246. package/dist/providers/icons/Solar.d.ts +0 -2
  247. package/dist/providers/icons/Solar.js +0 -41
  248. package/dist/providers/icons/Star.d.ts +0 -2
  249. package/dist/providers/icons/Star.js +0 -41
  250. package/dist/providers/icons/Sun.d.ts +0 -2
  251. package/dist/providers/icons/Sun.js +0 -41
  252. package/dist/providers/icons/Trees.d.ts +0 -2
  253. package/dist/providers/icons/Trees.js +0 -41
  254. package/dist/providers/icons/UserFilled.d.ts +0 -2
  255. package/dist/providers/icons/UserFilled.js +0 -41
  256. package/dist/providers/icons/Wallet.d.ts +0 -2
  257. package/dist/providers/icons/Wallet.js +0 -41
  258. package/dist/providers/icons/WalletFilled.d.ts +0 -2
  259. package/dist/providers/icons/WalletFilled.js +0 -41
  260. package/dist/providers/icons/WarmHome.d.ts +0 -2
  261. package/dist/providers/icons/WarmHome.js +0 -41
  262. package/dist/providers/icons/Warning.d.ts +0 -2
  263. package/dist/providers/icons/Warning.js +0 -41
  264. package/dist/providers/icons/WebAddress.d.ts +0 -2
  265. package/dist/providers/icons/WebAddress.js +0 -41
  266. package/dist/providers/icons/WindPower.d.ts +0 -2
  267. package/dist/providers/icons/WindPower.js +0 -41
@@ -1,22 +1,12 @@
1
- export * from './Address';
2
- export * from './Advice';
3
- export * from './Archive';
4
1
  export * from './ArrowDown';
5
2
  export * from './ArrowLeft';
6
3
  export * from './ArrowRight';
7
4
  export * from './ArrowUp';
8
- export * from './Award';
9
- export * from './Battery';
10
- export * from './Cal';
11
- export * from './CalBook';
12
5
  export * from './CaretDown';
13
6
  export * from './CaretLeft';
14
7
  export * from './CaretRight';
15
8
  export * from './CaretUp';
16
- export * from './Chart';
17
- export * from './ChartFilled';
18
9
  export * from './Check';
19
- export * from './CheckCircle';
20
10
  export * from './ChevronDown';
21
11
  export * from './ChevronLeft';
22
12
  export * from './ChevronLeftSmall';
@@ -25,59 +15,26 @@ export * from './ChevronRight';
25
15
  export * from './ChevronRightSmall';
26
16
  export * from './ChevronRightSmallLast';
27
17
  export * from './ChevronUp';
28
- export * from './Circle';
29
- export * from './CloseCircle';
30
18
  export * from './Cross';
31
- export * from './Doc';
32
19
  export * from './Dollar';
33
20
  export * from './Download';
34
- export * from './Eco';
35
- export * from './EcoHome';
36
- export * from './Edit';
37
- export * from './ElectricCar';
38
- export * from './ElectricHome';
39
21
  export * from './Electricity';
40
- export * from './EnergyAdvice';
41
- export * from './Equals';
42
22
  export * from './Euro';
43
23
  export * from './Gas';
44
- export * from './GlobeAddress';
45
24
  export * from './Help';
46
25
  export * from './Hide';
47
26
  export * from './Home';
48
- export * from './HomeFilled';
49
- export * from './HydroPower';
50
27
  export * from './Info';
51
28
  export * from './Link';
52
29
  export * from './Logo';
53
- export * from './Mail';
54
- export * from './MailOpen';
55
- export * from './Menu';
56
- export * from './Message';
57
- export * from './MessageFilled';
58
30
  export * from './Minus';
59
- export * from './Mobile';
60
31
  export * from './NewWindow';
61
32
  export * from './PaymentCard';
62
- export * from './Phone';
63
33
  export * from './Plus';
64
34
  export * from './Pound';
65
- export * from './Pricing';
66
35
  export * from './Search';
67
- export * from './Security';
68
36
  export * from './Show';
69
- export * from './SmartHome';
70
- export * from './SmartMeter';
71
- export * from './Solar';
72
- export * from './Star';
73
- export * from './Sun';
74
- export * from './Trees';
75
- export * from './Tune';
37
+ export * from './Chart';
76
38
  export * from './User';
77
- export * from './UserFilled';
78
- export * from './Wallet';
79
- export * from './WalletFilled';
80
- export * from './WarmHome';
81
- export * from './Warning';
82
- export * from './WebAddress';
83
- export * from './WindPower';
39
+ export * from './Tune';
40
+ export * from './Circle';
@@ -0,0 +1,330 @@
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
+ colors: {
88
+ primary: brand.primary.base,
89
+ primaryAlt: brand.primary.darker,
90
+ primaryContrast: '#FFFFFF',
91
+ primaryMuted: brand.primary.muted,
92
+ error: '#C7153E',
93
+ errorAlt: '#8C0A28',
94
+ errorContrast: '#FFFFFF',
95
+ errorMuted: '#FAE8EC',
96
+ focus: '#3F64E6',
97
+ focusMuted: '#C6D1F8',
98
+ canvas: '#FFFFFF',
99
+ body: brand.grey.darker,
100
+ heading: brand.grey.darker,
101
+ border: brand.grey.dark,
102
+ canvasMuted: '#F0F2F5',
103
+ borderMuted: brand.grey.base,
104
+ info: '#3F64E6',
105
+ infoAlt: '#004CA0',
106
+ infoContrast: '#FFFFFF',
107
+ infoMuted: '#ECF0FD',
108
+ warning: '#BE5409',
109
+ warningAlt: '#8A3C05',
110
+ warningContrast: '#FFFFFF',
111
+ warningMuted: '#F7F0E7',
112
+ success: brand.primary.base,
113
+ successAlt: brand.primary.darker,
114
+ successContrast: '#FFFFFF',
115
+ successMuted: brand.primary.muted,
116
+ mission: '#DE1D8D',
117
+ missionMuted: '#FDF4F9',
118
+ missionAlt: '#C6187D',
119
+ missionContrast: '#FFFFFF',
120
+ brand: brand,
121
+ },
122
+ responsiveFontSizes: {
123
+ label: ['11px', '14px'],
124
+ small: ['14px', '14px'],
125
+ body: ['16px', '16px'],
126
+ level1: ['28px', '48px'],
127
+ level2: ['24px', '32px'],
128
+ level3: ['20px', '28px'],
129
+ level4: ['16px', '22px'],
130
+ lead: ['18px', '22px'],
131
+ },
132
+ responsiveLineHeights: {
133
+ label: ['20px', '20px'],
134
+ small: ['20px', '20px'],
135
+ body: ['24px', '24px'],
136
+ level1: ['36px', '52px'],
137
+ level2: ['32px', '40px'],
138
+ level3: ['24px', '36px'],
139
+ level4: ['20px', '28px'],
140
+ lead: ['24px', '28px'],
141
+ },
142
+ };
143
+ export function createTheme(customTheme, additional) {
144
+ var mergeOptions = { arrayMerge: function (_, source) { return source; } };
145
+ var customThemeWithAdditional = deepMerge(customTheme, additional || {}, mergeOptions);
146
+ var theme = deepMerge(defaultTokens, customThemeWithAdditional, mergeOptions);
147
+ var fontSizes = theme.fontSizes, breakpoints = theme.breakpoints, colors = theme.colors, fonts = theme.fonts, lineHeights = theme.lineHeights, space = theme.space, radii = theme.radii, shadows = theme.shadows, borderWidths = theme.borderWidths, responsiveFontSizes = theme.responsiveFontSizes, responsiveLineHeights = theme.responsiveLineHeights;
148
+ return deepMerge({
149
+ field: {
150
+ fontFamily: fonts.body,
151
+ fontSize: responsiveFontSizes.body,
152
+ lineHeight: lineHeights.standard,
153
+ dateWidth: '265px',
154
+ gap: space[2],
155
+ error: {
156
+ color: colors.error,
157
+ fontFamily: fonts.bold,
158
+ },
159
+ hint: {
160
+ color: colors.border,
161
+ },
162
+ label: {
163
+ color: colors.heading,
164
+ fontFamily: fonts.bold,
165
+ },
166
+ subLabel: {
167
+ color: colors.border,
168
+ },
169
+ legend: {
170
+ marginBottom: space[1],
171
+ },
172
+ errorIndent: {
173
+ borderWidth: space[1],
174
+ borderRadius: radii.small,
175
+ },
176
+ },
177
+ focusRing: {
178
+ color: colors.focus,
179
+ width: borderWidths.heavy,
180
+ distance: borderWidths.heavy,
181
+ },
182
+ input: {
183
+ fontFamily: fonts.body,
184
+ fontSize: responsiveFontSizes.body,
185
+ color: colors.body,
186
+ lineHeight: lineHeights.standard,
187
+ height: space[11],
188
+ borderColor: colors.border,
189
+ borderWidth: borderWidths.standard,
190
+ background: colors.canvas,
191
+ padding: space[2],
192
+ borderRadius: radii.small,
193
+ error: {
194
+ borderWidth: borderWidths.heavy,
195
+ color: colors.error,
196
+ },
197
+ icon: {
198
+ size: space[4],
199
+ },
200
+ },
201
+ card: {
202
+ background: colors.canvas,
203
+ borderWidth: borderWidths.standard,
204
+ borderColor: colors.borderMuted,
205
+ padding: [space[3], space[6], space[9]],
206
+ },
207
+ checkbox: {
208
+ touchSize: space[11],
209
+ size: space[6],
210
+ checkSize: space[5],
211
+ gap: space[2],
212
+ paddingTop: space[3],
213
+ borderWidth: borderWidths.standard,
214
+ borderColor: colors.border,
215
+ borderRadius: radii.small,
216
+ background: colors.canvas,
217
+ checkedBackground: colors.infoMuted,
218
+ checkColor: colors.info,
219
+ errorColor: colors.error,
220
+ },
221
+ text: {
222
+ fontFamily: fonts.body,
223
+ lineHeight: 1,
224
+ color: colors.body,
225
+ p: {
226
+ fontSize: responsiveFontSizes.body,
227
+ lineHeight: responsiveLineHeights.body,
228
+ marginTop: [space[3], space[3]],
229
+ marginBottom: [space[3], space[3]],
230
+ },
231
+ small: {
232
+ fontSize: responsiveFontSizes.small,
233
+ lineHeight: responsiveLineHeights.small,
234
+ },
235
+ strong: {
236
+ fontFamily: fonts.bold,
237
+ },
238
+ },
239
+ list: {
240
+ marginTop: [space[2], space[3]],
241
+ marginBottom: [space[2], space[3]],
242
+ marginLeft: space[6],
243
+ listItem: {
244
+ fontSize: responsiveFontSizes.body,
245
+ lineHeight: responsiveLineHeights.body,
246
+ marginVertical: 2,
247
+ bulletGap: space[2],
248
+ bulletWidth: space[2],
249
+ },
250
+ descriptionTerm: {
251
+ color: colors.heading,
252
+ fontFamily: fonts.bold,
253
+ marginTop: [space[3], space[4]],
254
+ marginBottom: [space[1], space[1]],
255
+ },
256
+ },
257
+ textLink: {
258
+ fontFamily: fonts.body,
259
+ color: colors.primary,
260
+ },
261
+ heading: {
262
+ fontFamily: fonts.heading,
263
+ color: colors.heading,
264
+ heading1: {
265
+ fontSize: responsiveFontSizes.level1,
266
+ lineHeight: responsiveLineHeights.level1,
267
+ marginTop: [space[8], space[12]],
268
+ marginBottom: [space[3], space[4]],
269
+ },
270
+ heading2: {
271
+ fontSize: responsiveFontSizes.level2,
272
+ lineHeight: responsiveLineHeights.level2,
273
+ marginTop: [space[6], space[8]],
274
+ marginBottom: [space[3], space[4]],
275
+ },
276
+ heading3: {
277
+ fontSize: responsiveFontSizes.level3,
278
+ lineHeight: responsiveLineHeights.level3,
279
+ marginTop: [space[4], space[6]],
280
+ marginBottom: [space[3], space[4]],
281
+ },
282
+ heading4: {
283
+ fontSize: responsiveFontSizes.level4,
284
+ lineHeight: responsiveLineHeights.level4,
285
+ marginTop: [space[3], space[4]],
286
+ marginBottom: [space[3], space[4]],
287
+ },
288
+ },
289
+ shadows: shadows,
290
+ radii: radii,
291
+ radio: {
292
+ touchSize: space[11],
293
+ size: space[8],
294
+ dotSize: space[5],
295
+ gap: space[2],
296
+ paddingTop: space[3],
297
+ borderWidth: borderWidths.standard,
298
+ borderColor: colors.border,
299
+ background: colors.canvas,
300
+ dotColor: colors.info,
301
+ checkedBackground: colors.infoMuted,
302
+ errorColor: colors.error,
303
+ },
304
+ fontSizes: fontSizes,
305
+ fonts: fonts,
306
+ responsiveFontSizes: responsiveFontSizes,
307
+ responsiveLineHeights: responsiveLineHeights,
308
+ colors: colors,
309
+ borderWidths: borderWidths,
310
+ breakpoints: breakpoints,
311
+ lineHeights: lineHeights,
312
+ space: space,
313
+ grid: {
314
+ maxWidth: breakpoints.large + 'px',
315
+ gutter: [space[4], space[8]],
316
+ },
317
+ disclosure: {
318
+ iconGap: [space[1], space[2]],
319
+ panelGap: [space[2], space[3]],
320
+ },
321
+ accordion: {
322
+ header: {
323
+ color: colors.primary,
324
+ paddingVertical: [space[3], space[5]],
325
+ iconSize: space[4],
326
+ iconGap: space[3],
327
+ },
328
+ },
329
+ }, theme, mergeOptions);
330
+ }
@@ -9,6 +9,11 @@ var __assign = (this && this.__assign) || function () {
9
9
  };
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import Svg, { Path } from 'react-native-svg';
14
- export var Doc = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M11.5 13h-7V7.006h5V3h2v10l1.5-.405V1.5H8L3 5.487V14.5h8.898L11.5 13ZM8 3.418v2.088H5.381L8 3.418Z" }) }))); };
12
+ import { themeNative } from '@ovotech/element-core';
13
+ import { pxToNumber } from '../utils';
14
+ import { createTheme } from './create-theme';
15
+ export * from './create-theme';
16
+ export var theme = createTheme(__assign({}, themeNative));
17
+ export var calculateLineHeight = function (size, lineHeight) {
18
+ return pxToNumber(size) * (lineHeight || 1) + 'px';
19
+ };
@@ -0,0 +1 @@
1
+ export {};
package/dist/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from './components';
2
+ export * from './theme';
2
3
  export * from './utils';
package/dist/index.js CHANGED
@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  __exportStar(require("./components"), exports);
18
+ __exportStar(require("./theme"), exports);
18
19
  __exportStar(require("./utils"), exports);
@@ -16,25 +16,16 @@ var jsx_runtime_1 = require("react/jsx-runtime");
16
16
  var react_1 = require("react");
17
17
  var icons_1 = require("./icons");
18
18
  var defaultIcons = {
19
- address: icons_1.Address,
20
- advice: icons_1.Advice,
21
- archive: icons_1.Archive,
22
19
  'arrow-down': icons_1.ArrowDown,
23
20
  'arrow-left': icons_1.ArrowLeft,
24
21
  'arrow-right': icons_1.ArrowRight,
25
22
  'arrow-up': icons_1.ArrowUp,
26
- award: icons_1.Award,
27
- battery: icons_1.Battery,
28
- cal: icons_1.Cal,
29
- 'cal-book': icons_1.CalBook,
30
23
  'caret-down': icons_1.CaretDown,
31
24
  'caret-left': icons_1.CaretLeft,
32
25
  'caret-right': icons_1.CaretRight,
33
26
  'caret-up': icons_1.CaretUp,
34
27
  chart: icons_1.Chart,
35
- 'chart-filled': icons_1.ChartFilled,
36
28
  check: icons_1.Check,
37
- 'check-circle': icons_1.CheckCircle,
38
29
  'chevron-left': icons_1.ChevronLeft,
39
30
  'chevron-left-small': icons_1.ChevronLeftSmall,
40
31
  'chevron-left-small-first': icons_1.ChevronLeftSmallFirst,
@@ -43,62 +34,28 @@ var defaultIcons = {
43
34
  'chevron-right-small-last': icons_1.ChevronRightSmallLast,
44
35
  'chevron-up': icons_1.ChevronUp,
45
36
  'chevron-down': icons_1.ChevronDown,
46
- circle: icons_1.Circle,
47
- 'close-circle': icons_1.CloseCircle,
48
37
  cross: icons_1.Cross,
49
- doc: icons_1.Doc,
50
38
  dollar: icons_1.Dollar,
51
39
  download: icons_1.Download,
52
- eco: icons_1.Eco,
53
- 'eco-home': icons_1.EcoHome,
54
- edit: icons_1.Edit,
55
- 'electric-car': icons_1.ElectricCar,
56
- 'electric-home': icons_1.ElectricHome,
57
40
  electricity: icons_1.Electricity,
58
- 'energy-advice': icons_1.EnergyAdvice,
59
- equals: icons_1.Equals,
60
41
  euro: icons_1.Euro,
61
42
  gas: icons_1.Gas,
62
- 'globe-address': icons_1.GlobeAddress,
63
43
  help: icons_1.Help,
64
44
  hide: icons_1.Hide,
65
45
  home: icons_1.Home,
66
- 'home-filled': icons_1.HomeFilled,
67
- 'hydro-power': icons_1.HydroPower,
68
46
  info: icons_1.Info,
69
47
  'new-window': icons_1.NewWindow,
70
48
  link: icons_1.Link,
71
49
  logo: icons_1.Logo,
72
- mail: icons_1.Mail,
73
- 'mail-open': icons_1.MailOpen,
74
- menu: icons_1.Menu,
75
- message: icons_1.Message,
76
- 'message-filled': icons_1.MessageFilled,
77
50
  minus: icons_1.Minus,
78
- mobile: icons_1.Mobile,
79
51
  'payment-card': icons_1.PaymentCard,
80
- phone: icons_1.Phone,
81
52
  plus: icons_1.Plus,
82
53
  pound: icons_1.Pound,
83
- pricing: icons_1.Pricing,
84
54
  search: icons_1.Search,
85
- security: icons_1.Security,
86
55
  show: icons_1.Show,
87
- 'smart-home': icons_1.SmartHome,
88
- 'smart-meter': icons_1.SmartMeter,
89
- solar: icons_1.Solar,
90
- star: icons_1.Star,
91
- sun: icons_1.Sun,
92
- trees: icons_1.Trees,
93
- tune: icons_1.Tune,
94
56
  user: icons_1.User,
95
- 'user-filled': icons_1.UserFilled,
96
- wallet: icons_1.Wallet,
97
- 'wallet-filled': icons_1.WalletFilled,
98
- 'warm-home': icons_1.WarmHome,
99
- warning: icons_1.Warning,
100
- 'web-address': icons_1.WebAddress,
101
- 'wind-power': icons_1.WindPower,
57
+ tune: icons_1.Tune,
58
+ circle: icons_1.Circle,
102
59
  };
103
60
  exports.defaultIcons = defaultIcons;
104
61
  var IconsContext = (0, react_1.createContext)(null);
@@ -10,32 +10,9 @@ var __assign = (this && this.__assign) || function () {
10
10
  };
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
13
  Object.defineProperty(exports, "__esModule", { value: true });
37
14
  exports.ArrowDown = void 0;
38
15
  var jsx_runtime_1 = require("react/jsx-runtime");
39
- var react_native_svg_1 = __importStar(require("react-native-svg"));
40
- var ArrowDown = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.default, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fill: "currentColor", d: "m9.051 13.402 3.62-3.62-.449-1.672-3.481 3.481V1.53l-1.5.402v9.659L3.766 8.117 3.318 9.79l3.612 3.612 1.06 1.06 1.061-1.06Z" }) }))); };
16
+ var react_native_svg_1 = require("react-native-svg");
17
+ var ArrowDown = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M7 -1.07324e-07L9 -8.34742e-08L9 12.2L14.6 6.6L16 8L8 16L9.5399e-08 8L1.4 6.6L7 12.2L7 -1.07324e-07Z", fill: "currentColor", fillRule: "evenodd" }) }))); };
41
18
  exports.ArrowDown = ArrowDown;
@@ -10,32 +10,9 @@ var __assign = (this && this.__assign) || function () {
10
10
  };
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
13
  Object.defineProperty(exports, "__esModule", { value: true });
37
14
  exports.ArrowLeft = void 0;
38
15
  var jsx_runtime_1 = require("react/jsx-runtime");
39
- var react_native_svg_1 = __importStar(require("react-native-svg"));
40
- var ArrowLeft = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.default, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fill: "currentColor", d: "m2.589 6.94 3.619-3.62 1.673.449L4.399 7.25H14.46l-.402 1.5H4.4l3.474 3.474-1.673.448L2.59 9.061 1.528 8l1.061-1.06Z" }) }))); };
16
+ var react_native_svg_1 = require("react-native-svg");
17
+ var ArrowLeft = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M16 9V7H3.8L9.4 1.4L8 0L0 8L8 16L9.4 14.6L3.8 9H16Z", fill: "currentColor" }) }))); };
41
18
  exports.ArrowLeft = ArrowLeft;
@@ -10,32 +10,9 @@ var __assign = (this && this.__assign) || function () {
10
10
  };
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
13
  Object.defineProperty(exports, "__esModule", { value: true });
37
14
  exports.ArrowRight = void 0;
38
15
  var jsx_runtime_1 = require("react/jsx-runtime");
39
- var react_native_svg_1 = __importStar(require("react-native-svg"));
40
- var ArrowRight = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.default, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fill: "currentColor", d: "M13.4 6.94 9.78 3.32l-1.672.449 3.481 3.481H1.528l.402 1.5h9.66l-3.474 3.474 1.673.448L13.4 9.061 14.46 8 13.4 6.94Z" }) }))); };
16
+ var react_native_svg_1 = require("react-native-svg");
17
+ var ArrowRight = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M0 9V7H12.2L6.6 1.4L8 0L16 8L8 16L6.6 14.6L12.2 9H0Z", fill: "currentColor", fillRule: "evenodd" }) }))); };
41
18
  exports.ArrowRight = ArrowRight;
@@ -10,32 +10,9 @@ var __assign = (this && this.__assign) || function () {
10
10
  };
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
13
  Object.defineProperty(exports, "__esModule", { value: true });
37
14
  exports.ArrowUp = void 0;
38
15
  var jsx_runtime_1 = require("react/jsx-runtime");
39
- var react_native_svg_1 = __importStar(require("react-native-svg"));
40
- var ArrowUp = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.default, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fill: "currentColor", d: "m6.938 2.59-3.62 3.62.449 1.673 3.482-3.482v10.062l1.5-.402V4.4l3.473 3.474.449-1.673-3.612-3.611-1.06-1.061-1.061 1.06Z" }) }))); };
16
+ var react_native_svg_1 = require("react-native-svg");
17
+ var ArrowUp = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M7 16L9 16L9 3.8L14.6 9.4L16 8L8 -3.49691e-07L-3.49691e-07 8L1.4 9.4L7 3.8L7 16Z", fill: "currentColor", fillRule: "evenodd" }) }))); };
41
18
  exports.ArrowUp = ArrowUp;