@ovotech/element-native 4.4.9 → 5.0.0-canary-bcb1788-338

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 (277) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +1 -1
  2. package/dist/components/Accordion/Accordion.js +11 -9
  3. package/dist/components/Accordion/Icon.d.ts +2 -1
  4. package/dist/components/Accordion/Icon.js +9 -6
  5. package/dist/components/Accordion/styles.d.ts +1520 -1525
  6. package/dist/components/Accordion/styles.js +17 -11
  7. package/dist/components/Accordion/types.d.ts +2 -1
  8. package/dist/components/ActionCard/ActionCard.d.ts +2 -2
  9. package/dist/components/ActionCard/ActionCard.js +21 -21
  10. package/dist/components/ActionCard/CloseIconShape.js +2 -2
  11. package/dist/components/ActionCard/IndicatorIconShape.js +2 -2
  12. package/dist/components/ActionList/ActionList.d.ts +9 -3
  13. package/dist/components/ActionList/ActionList.js +7 -6
  14. package/dist/components/ActionList/styled.d.ts +5116 -3430
  15. package/dist/components/ActionList/styled.js +36 -19
  16. package/dist/components/Badge/Badge.d.ts +511 -508
  17. package/dist/components/Badge/Badge.js +24 -34
  18. package/dist/components/Badge/index.d.ts +1 -1
  19. package/dist/components/Card/Card.d.ts +9 -1
  20. package/dist/components/Card/Card.js +5 -6
  21. package/dist/components/Checkbox/Checkbox.js +13 -13
  22. package/dist/components/DataTable/styles.d.ts +6527 -6553
  23. package/dist/components/DataTable/styles.js +27 -27
  24. package/dist/components/DateField/DateField.d.ts +5 -4
  25. package/dist/components/DateField/DateField.js +20 -10
  26. package/dist/components/Disclosure/Disclosure.js +6 -6
  27. package/dist/components/Divider/Divider.js +3 -3
  28. package/dist/components/Em/Em.d.ts +493 -495
  29. package/dist/components/Em/Em.js +1 -1
  30. package/dist/components/ErrorText/ErrorText.d.ts +493 -495
  31. package/dist/components/ErrorText/ErrorText.js +6 -4
  32. package/dist/components/Field/Field.js +1 -1
  33. package/dist/components/Grid/Col.d.ts +493 -495
  34. package/dist/components/Grid/Col.js +10 -16
  35. package/dist/components/Grid/Row.d.ts +493 -495
  36. package/dist/components/Grid/Row.js +7 -6
  37. package/dist/components/HintText/HintText.d.ts +493 -495
  38. package/dist/components/HintText/HintText.js +6 -4
  39. package/dist/components/Icon/Icon.d.ts +1 -3
  40. package/dist/components/Icon/Icon.js +3 -5
  41. package/dist/components/Input/Input.d.ts +1 -1
  42. package/dist/components/Input/Input.js +16 -11
  43. package/dist/components/LabelText/LabelText.d.ts +493 -495
  44. package/dist/components/LabelText/LabelText.js +7 -4
  45. package/dist/components/LineThrough/LineThrough.d.ts +493 -495
  46. package/dist/components/List/styled.d.ts +2017 -2025
  47. package/dist/components/List/styled.js +11 -11
  48. package/dist/components/Margin/Margin.d.ts +493 -495
  49. package/dist/components/Margin/Margin.js +4 -2
  50. package/dist/components/NavHeader/NavHeader.d.ts +7 -1
  51. package/dist/components/NavHeader/NavHeader.js +2 -12
  52. package/dist/components/NavHeader/NavHeader.styles.d.ts +3489 -4636
  53. package/dist/components/NavHeader/NavHeader.styles.js +22 -32
  54. package/dist/components/Notification/Notification.d.ts +987 -991
  55. package/dist/components/Notification/Notification.js +18 -18
  56. package/dist/components/P/P.d.ts +7 -3
  57. package/dist/components/P/P.js +4 -2
  58. package/dist/components/PasswordInput/PasswordInput.styled.d.ts +493 -495
  59. package/dist/components/PasswordInput/PasswordInput.styled.js +2 -2
  60. package/dist/components/ProductCarousel/NavigationDots.js +4 -4
  61. package/dist/components/ProductCarousel/ProductCarousel.js +4 -4
  62. package/dist/components/Radio/Radio.js +11 -11
  63. package/dist/components/RadioCard/RadioCard.d.ts +0 -1
  64. package/dist/components/RadioCard/RadioCard.js +15 -15
  65. package/dist/components/SegmentedControls/SegmentedControls.js +5 -5
  66. package/dist/components/SegmentedControls/components/SegmentButton.js +4 -4
  67. package/dist/components/SelectField/Select.d.ts +493 -495
  68. package/dist/components/SelectField/Select.js +22 -24
  69. package/dist/components/SkeletonCircle/SkeletonCircle.d.ts +2 -2
  70. package/dist/components/SkeletonCircle/SkeletonCircle.js +6 -6
  71. package/dist/components/SkeletonHeading/SkeletonHeading.js +4 -4
  72. package/dist/components/SkeletonText/SkeletonText.js +4 -4
  73. package/dist/components/Spinner/Spinner.js +2 -2
  74. package/dist/components/Stack/Stack.js +4 -2
  75. package/dist/components/Strong/Strong.d.ts +493 -495
  76. package/dist/components/Strong/Strong.js +2 -2
  77. package/dist/components/SubLabelText/SubLabelText.d.ts +493 -495
  78. package/dist/components/SubLabelText/SubLabelText.js +4 -4
  79. package/dist/components/Tabs/Tab.js +8 -13
  80. package/dist/components/Tabs/TabList.d.ts +1 -2
  81. package/dist/components/Tabs/TabList.js +3 -6
  82. package/dist/components/Tabs/TabPanel.js +2 -2
  83. package/dist/components/Tabs/Tabs.d.ts +1 -2
  84. package/dist/components/Tabs/Tabs.js +4 -7
  85. package/dist/components/TextareaInput/TextareaInput.js +2 -2
  86. package/dist/components/Toast/Toast.js +16 -24
  87. package/dist/components/Toggle/Toggle.js +5 -9
  88. package/dist/components/Toggle/styles.d.ts +2023 -2031
  89. package/dist/components/Toggle/styles.js +10 -8
  90. package/dist/components/index.d.ts +6 -20
  91. package/dist/components/index.js +6 -20
  92. package/dist/esm/components/Accordion/Accordion.js +10 -8
  93. package/dist/esm/components/Accordion/Icon.js +9 -6
  94. package/dist/esm/components/Accordion/styles.js +17 -11
  95. package/dist/esm/components/ActionCard/ActionCard.js +22 -22
  96. package/dist/esm/components/ActionCard/CloseIconShape.js +2 -2
  97. package/dist/esm/components/ActionCard/IndicatorIconShape.js +2 -2
  98. package/dist/esm/components/ActionList/ActionList.js +9 -8
  99. package/dist/esm/components/ActionList/styled.js +35 -18
  100. package/dist/esm/components/Badge/Badge.js +25 -35
  101. package/dist/esm/components/Card/Card.js +5 -6
  102. package/dist/esm/components/Checkbox/Checkbox.js +13 -13
  103. package/dist/esm/components/DataTable/styles.js +27 -27
  104. package/dist/esm/components/DateField/DateField.js +20 -10
  105. package/dist/esm/components/Disclosure/Disclosure.js +6 -6
  106. package/dist/esm/components/Divider/Divider.js +3 -3
  107. package/dist/esm/components/Em/Em.js +1 -1
  108. package/dist/esm/components/ErrorText/ErrorText.js +6 -4
  109. package/dist/esm/components/Field/Field.js +1 -1
  110. package/dist/esm/components/Grid/Col.js +10 -16
  111. package/dist/esm/components/Grid/Row.js +7 -6
  112. package/dist/esm/components/HintText/HintText.js +6 -4
  113. package/dist/esm/components/Icon/Icon.js +3 -5
  114. package/dist/esm/components/Input/Input.js +16 -11
  115. package/dist/esm/components/LabelText/LabelText.js +7 -4
  116. package/dist/esm/components/List/styled.js +11 -11
  117. package/dist/esm/components/Margin/Margin.js +4 -2
  118. package/dist/esm/components/NavHeader/NavHeader.js +3 -13
  119. package/dist/esm/components/NavHeader/NavHeader.styles.js +21 -31
  120. package/dist/esm/components/Notification/Notification.js +18 -18
  121. package/dist/esm/components/P/P.js +4 -2
  122. package/dist/esm/components/PasswordInput/PasswordInput.styled.js +2 -2
  123. package/dist/esm/components/ProductCarousel/NavigationDots.js +4 -4
  124. package/dist/esm/components/ProductCarousel/ProductCarousel.js +4 -4
  125. package/dist/esm/components/Radio/Radio.js +11 -11
  126. package/dist/esm/components/RadioCard/RadioCard.js +15 -15
  127. package/dist/esm/components/SegmentedControls/SegmentedControls.js +5 -5
  128. package/dist/esm/components/SegmentedControls/components/SegmentButton.js +4 -4
  129. package/dist/esm/components/SelectField/Select.js +23 -25
  130. package/dist/esm/components/SkeletonCircle/SkeletonCircle.js +6 -6
  131. package/dist/esm/components/SkeletonHeading/SkeletonHeading.js +3 -3
  132. package/dist/esm/components/SkeletonText/SkeletonText.js +4 -4
  133. package/dist/esm/components/Spinner/Spinner.js +2 -2
  134. package/dist/esm/components/Stack/Stack.js +4 -2
  135. package/dist/esm/components/Strong/Strong.js +2 -2
  136. package/dist/esm/components/SubLabelText/SubLabelText.js +4 -4
  137. package/dist/esm/components/Tabs/Tab.js +8 -13
  138. package/dist/esm/components/Tabs/TabList.js +3 -6
  139. package/dist/esm/components/Tabs/TabPanel.js +2 -2
  140. package/dist/esm/components/Tabs/Tabs.js +4 -7
  141. package/dist/esm/components/TextareaInput/TextareaInput.js +2 -2
  142. package/dist/esm/components/Toast/Toast.js +16 -24
  143. package/dist/esm/components/Toggle/Toggle.js +5 -9
  144. package/dist/esm/components/Toggle/styles.js +10 -8
  145. package/dist/esm/components/index.js +6 -20
  146. package/dist/esm/hooks/use-breakpoint.js +1 -1
  147. package/dist/esm/providers/IconsProvider.js +1 -1
  148. package/dist/esm/providers/index.js +3 -1
  149. package/dist/hooks/use-breakpoint.js +1 -1
  150. package/dist/providers/IconsProvider.d.ts +1 -1
  151. package/dist/providers/index.d.ts +3 -1
  152. package/dist/providers/index.js +3 -1
  153. package/dist/styled.native.d.ts +3012 -3023
  154. package/package.json +3 -3
  155. package/dist/components/CTAButton/CTAButton.d.ts +0 -20
  156. package/dist/components/CTAButton/CTAButton.js +0 -119
  157. package/dist/components/CTAButton/index.d.ts +0 -1
  158. package/dist/components/CTAButton/index.js +0 -8
  159. package/dist/components/CTALink/CTALink.d.ts +0 -11
  160. package/dist/components/CTALink/CTALink.js +0 -23
  161. package/dist/components/CTALink/index.d.ts +0 -1
  162. package/dist/components/CTALink/index.js +0 -7
  163. package/dist/components/DescriptionList/DescriptionList.d.ts +0 -10
  164. package/dist/components/DescriptionList/DescriptionList.js +0 -44
  165. package/dist/components/DescriptionList/index.d.ts +0 -1
  166. package/dist/components/DescriptionList/index.js +0 -6
  167. package/dist/components/DescriptionList/styled.d.ts +0 -570
  168. package/dist/components/DescriptionList/styled.js +0 -86
  169. package/dist/components/Display0/Display0.d.ts +0 -5
  170. package/dist/components/Display0/Display0.js +0 -73
  171. package/dist/components/Display0/index.d.ts +0 -1
  172. package/dist/components/Display0/index.js +0 -5
  173. package/dist/components/Display1/Display1.d.ts +0 -5
  174. package/dist/components/Display1/Display1.js +0 -73
  175. package/dist/components/Display1/index.d.ts +0 -1
  176. package/dist/components/Display1/index.js +0 -5
  177. package/dist/components/Display2/Display2.d.ts +0 -5
  178. package/dist/components/Display2/Display2.js +0 -73
  179. package/dist/components/Display2/index.d.ts +0 -1
  180. package/dist/components/Display2/index.js +0 -5
  181. package/dist/components/Display3/Display3.d.ts +0 -5
  182. package/dist/components/Display3/Display3.js +0 -73
  183. package/dist/components/Display3/index.d.ts +0 -1
  184. package/dist/components/Display3/index.js +0 -5
  185. package/dist/components/ErrorSummaryNotification/ErrorSummaryNotification.d.ts +0 -18
  186. package/dist/components/ErrorSummaryNotification/ErrorSummaryNotification.js +0 -52
  187. package/dist/components/ErrorSummaryNotification/index.d.ts +0 -1
  188. package/dist/components/ErrorSummaryNotification/index.js +0 -5
  189. package/dist/components/FilterSelect/FilterSelect.d.ts +0 -17
  190. package/dist/components/FilterSelect/FilterSelect.js +0 -88
  191. package/dist/components/FilterSelect/index.d.ts +0 -1
  192. package/dist/components/FilterSelect/index.js +0 -5
  193. package/dist/components/Heading1/Heading1.d.ts +0 -5
  194. package/dist/components/Heading1/Heading1.js +0 -73
  195. package/dist/components/Heading1/index.d.ts +0 -1
  196. package/dist/components/Heading1/index.js +0 -5
  197. package/dist/components/Heading2/Heading2.d.ts +0 -5
  198. package/dist/components/Heading2/Heading2.js +0 -73
  199. package/dist/components/Heading2/index.d.ts +0 -1
  200. package/dist/components/Heading2/index.js +0 -5
  201. package/dist/components/Heading3/Heading3.d.ts +0 -5
  202. package/dist/components/Heading3/Heading3.js +0 -73
  203. package/dist/components/Heading3/index.d.ts +0 -1
  204. package/dist/components/Heading3/index.js +0 -5
  205. package/dist/components/Heading4/Heading4.d.ts +0 -5
  206. package/dist/components/Heading4/Heading4.js +0 -73
  207. package/dist/components/Heading4/index.d.ts +0 -1
  208. package/dist/components/Heading4/index.js +0 -5
  209. package/dist/components/Label/Label.d.ts +0 -7
  210. package/dist/components/Label/Label.js +0 -51
  211. package/dist/components/Label/index.d.ts +0 -1
  212. package/dist/components/Label/index.js +0 -5
  213. package/dist/components/Lead/Lead.d.ts +0 -7
  214. package/dist/components/Lead/Lead.js +0 -53
  215. package/dist/components/Lead/index.d.ts +0 -1
  216. package/dist/components/Lead/index.js +0 -5
  217. package/dist/components/NavHeader/IconButton.d.ts +0 -15
  218. package/dist/components/NavHeader/IconButton.js +0 -21
  219. package/dist/components/SkeletonCTA/SkeletonCTA.d.ts +0 -6
  220. package/dist/components/SkeletonCTA/SkeletonCTA.js +0 -42
  221. package/dist/components/SkeletonCTA/index.d.ts +0 -1
  222. package/dist/components/SkeletonCTA/index.js +0 -5
  223. package/dist/components/Small/Small.d.ts +0 -576
  224. package/dist/components/Small/Small.js +0 -39
  225. package/dist/components/Small/index.d.ts +0 -1
  226. package/dist/components/Small/index.js +0 -5
  227. package/dist/components/TextGroup/TextGroup.d.ts +0 -3
  228. package/dist/components/TextGroup/TextGroup.js +0 -43
  229. package/dist/components/TextGroup/index.d.ts +0 -1
  230. package/dist/components/TextGroup/index.js +0 -5
  231. package/dist/components/TextLink/TextLink.d.ts +0 -8
  232. package/dist/components/TextLink/TextLink.js +0 -75
  233. package/dist/components/TextLink/index.d.ts +0 -1
  234. package/dist/components/TextLink/index.js +0 -5
  235. package/dist/esm/components/CTAButton/CTAButton.js +0 -90
  236. package/dist/esm/components/CTAButton/index.js +0 -1
  237. package/dist/esm/components/CTALink/CTALink.js +0 -18
  238. package/dist/esm/components/CTALink/index.js +0 -1
  239. package/dist/esm/components/DescriptionList/DescriptionList.js +0 -40
  240. package/dist/esm/components/DescriptionList/index.js +0 -1
  241. package/dist/esm/components/DescriptionList/styled.js +0 -58
  242. package/dist/esm/components/Display0/Display0.js +0 -46
  243. package/dist/esm/components/Display0/index.js +0 -1
  244. package/dist/esm/components/Display1/Display1.js +0 -46
  245. package/dist/esm/components/Display1/index.js +0 -1
  246. package/dist/esm/components/Display2/Display2.js +0 -46
  247. package/dist/esm/components/Display2/index.js +0 -1
  248. package/dist/esm/components/Display3/Display3.js +0 -46
  249. package/dist/esm/components/Display3/index.js +0 -1
  250. package/dist/esm/components/ErrorSummaryNotification/ErrorSummaryNotification.js +0 -49
  251. package/dist/esm/components/ErrorSummaryNotification/index.js +0 -1
  252. package/dist/esm/components/FilterSelect/FilterSelect.js +0 -61
  253. package/dist/esm/components/FilterSelect/index.js +0 -1
  254. package/dist/esm/components/Heading1/Heading1.js +0 -46
  255. package/dist/esm/components/Heading1/index.js +0 -1
  256. package/dist/esm/components/Heading2/Heading2.js +0 -46
  257. package/dist/esm/components/Heading2/index.js +0 -1
  258. package/dist/esm/components/Heading3/Heading3.js +0 -46
  259. package/dist/esm/components/Heading3/index.js +0 -1
  260. package/dist/esm/components/Heading4/Heading4.js +0 -46
  261. package/dist/esm/components/Heading4/index.js +0 -1
  262. package/dist/esm/components/Label/Label.js +0 -25
  263. package/dist/esm/components/Label/index.js +0 -1
  264. package/dist/esm/components/Lead/Lead.js +0 -27
  265. package/dist/esm/components/Lead/index.js +0 -1
  266. package/dist/esm/components/NavHeader/IconButton.js +0 -17
  267. package/dist/esm/components/SkeletonCTA/SkeletonCTA.js +0 -35
  268. package/dist/esm/components/SkeletonCTA/index.js +0 -1
  269. package/dist/esm/components/Small/Small.js +0 -13
  270. package/dist/esm/components/Small/index.js +0 -1
  271. package/dist/esm/components/TextGroup/TextGroup.js +0 -39
  272. package/dist/esm/components/TextGroup/index.js +0 -1
  273. package/dist/esm/components/TextLink/TextLink.js +0 -49
  274. package/dist/esm/components/TextLink/index.js +0 -1
  275. package/dist/esm/providers/types.js +0 -1
  276. package/dist/providers/types.d.ts +0 -5
  277. package/dist/providers/types.js +0 -2
@@ -1,46 +0,0 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- var __assign = (this && this.__assign) || function () {
6
- __assign = Object.assign || function(t) {
7
- for (var s, i = 1, n = arguments.length; i < n; i++) {
8
- s = arguments[i];
9
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
10
- t[p] = s[p];
11
- }
12
- return t;
13
- };
14
- return __assign.apply(this, arguments);
15
- };
16
- var __rest = (this && this.__rest) || function (s, e) {
17
- var t = {};
18
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
19
- t[p] = s[p];
20
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
21
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
22
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
23
- t[p[i]] = s[p[i]];
24
- }
25
- return t;
26
- };
27
- import { jsx as _jsx } from "react/jsx-runtime";
28
- import { pxToNumber, numToPx } from '@ovotech/element-core';
29
- import { useBreakpoint } from '../../hooks';
30
- import styled, { css } from '../../styled.native';
31
- var calculateLetterSpacing = function (fontSize, letterSpacing) {
32
- return numToPx(pxToNumber(fontSize) * letterSpacing);
33
- };
34
- var StyledHeading1 = styled.Text(function (_a) {
35
- var _b = _a.theme, core = _b.core, semantic = _b.semantic, component = _b.component, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
36
- var fontSize = component.heading1.fontSize[smallAndUp ? 'large' : 'small'];
37
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "])), component.heading1.fontFamily, numToPx(fontSize), numToPx(component.heading1.lineHeight[smallAndUp ? 'large' : 'small']), calculateLetterSpacing(String(fontSize), core.letterSpacing.extraCompressed), inverted
38
- ? semantic.inverted.message.link
39
- : semantic.message.branded);
40
- });
41
- export var Heading1 = function (_a) {
42
- var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
43
- var breakpoints = useBreakpoint();
44
- return (_jsx(StyledHeading1, __assign({ accessible: true, accessibilityRole: accessibilityRole }, breakpoints, rest)));
45
- };
46
- var templateObject_1;
@@ -1 +0,0 @@
1
- export { Heading1 } from './Heading1';
@@ -1,46 +0,0 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- var __assign = (this && this.__assign) || function () {
6
- __assign = Object.assign || function(t) {
7
- for (var s, i = 1, n = arguments.length; i < n; i++) {
8
- s = arguments[i];
9
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
10
- t[p] = s[p];
11
- }
12
- return t;
13
- };
14
- return __assign.apply(this, arguments);
15
- };
16
- var __rest = (this && this.__rest) || function (s, e) {
17
- var t = {};
18
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
19
- t[p] = s[p];
20
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
21
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
22
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
23
- t[p[i]] = s[p[i]];
24
- }
25
- return t;
26
- };
27
- import { jsx as _jsx } from "react/jsx-runtime";
28
- import { pxToNumber, numToPx } from '@ovotech/element-core';
29
- import { useBreakpoint } from '../../hooks';
30
- import styled, { css } from '../../styled.native';
31
- var calculateLetterSpacing = function (fontSize, letterSpacing) {
32
- return numToPx(pxToNumber(fontSize) * letterSpacing);
33
- };
34
- var StyledHeading2 = styled.Text(function (_a) {
35
- var _b = _a.theme, core = _b.core, semantic = _b.semantic, component = _b.component, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
36
- var fontSize = component.heading2.fontSize[smallAndUp ? 'large' : 'small'];
37
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "])), component.heading2.fontFamily, numToPx(fontSize), numToPx(component.heading2.lineHeight[smallAndUp ? 'large' : 'small']), calculateLetterSpacing(String(fontSize), core.letterSpacing.extraCompressed), inverted
38
- ? semantic.inverted.message.link
39
- : semantic.message.branded);
40
- });
41
- export var Heading2 = function (_a) {
42
- var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
43
- var breakpoints = useBreakpoint();
44
- return (_jsx(StyledHeading2, __assign({ accessible: true, accessibilityRole: accessibilityRole }, breakpoints, rest)));
45
- };
46
- var templateObject_1;
@@ -1 +0,0 @@
1
- export { Heading2 } from './Heading2';
@@ -1,46 +0,0 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- var __assign = (this && this.__assign) || function () {
6
- __assign = Object.assign || function(t) {
7
- for (var s, i = 1, n = arguments.length; i < n; i++) {
8
- s = arguments[i];
9
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
10
- t[p] = s[p];
11
- }
12
- return t;
13
- };
14
- return __assign.apply(this, arguments);
15
- };
16
- var __rest = (this && this.__rest) || function (s, e) {
17
- var t = {};
18
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
19
- t[p] = s[p];
20
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
21
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
22
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
23
- t[p[i]] = s[p[i]];
24
- }
25
- return t;
26
- };
27
- import { jsx as _jsx } from "react/jsx-runtime";
28
- import { pxToNumber, numToPx } from '@ovotech/element-core';
29
- import { useBreakpoint } from '../../hooks';
30
- import styled, { css } from '../../styled.native';
31
- var calculateLetterSpacing = function (fontSize, letterSpacing) {
32
- return numToPx(pxToNumber(fontSize) * letterSpacing);
33
- };
34
- var StyledHeading3 = styled.Text(function (_a) {
35
- var _b = _a.theme, core = _b.core, semantic = _b.semantic, component = _b.component, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
36
- var fontSize = component.heading3.fontSize[smallAndUp ? 'large' : 'small'];
37
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "])), component.heading3.fontFamily, numToPx(fontSize), numToPx(component.heading3.lineHeight[smallAndUp ? 'large' : 'small']), calculateLetterSpacing(String(fontSize), core.letterSpacing.compressed), inverted
38
- ? semantic.inverted.message.link
39
- : semantic.message.branded);
40
- });
41
- export var Heading3 = function (_a) {
42
- var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
43
- var breakpoints = useBreakpoint();
44
- return (_jsx(StyledHeading3, __assign({ accessible: true, accessibilityRole: accessibilityRole }, breakpoints, rest)));
45
- };
46
- var templateObject_1;
@@ -1 +0,0 @@
1
- export { Heading3 } from './Heading3';
@@ -1,46 +0,0 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- var __assign = (this && this.__assign) || function () {
6
- __assign = Object.assign || function(t) {
7
- for (var s, i = 1, n = arguments.length; i < n; i++) {
8
- s = arguments[i];
9
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
10
- t[p] = s[p];
11
- }
12
- return t;
13
- };
14
- return __assign.apply(this, arguments);
15
- };
16
- var __rest = (this && this.__rest) || function (s, e) {
17
- var t = {};
18
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
19
- t[p] = s[p];
20
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
21
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
22
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
23
- t[p[i]] = s[p[i]];
24
- }
25
- return t;
26
- };
27
- import { jsx as _jsx } from "react/jsx-runtime";
28
- import { pxToNumber, numToPx } from '@ovotech/element-core';
29
- import { useBreakpoint } from '../../hooks';
30
- import styled, { css } from '../../styled.native';
31
- var calculateLetterSpacing = function (fontSize, letterSpacing) {
32
- return numToPx(pxToNumber(fontSize) * letterSpacing);
33
- };
34
- var StyledHeading4 = styled.Text(function (_a) {
35
- var _b = _a.theme, core = _b.core, semantic = _b.semantic, component = _b.component, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
36
- var fontSize = component.heading4.fontSize[smallAndUp ? 'large' : 'small'];
37
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n color: ", ";\n "])), component.heading4.fontFamily, numToPx(fontSize), numToPx(component.heading4.lineHeight[smallAndUp ? 'large' : 'small']), calculateLetterSpacing(String(fontSize), core.letterSpacing.compressed), inverted
38
- ? semantic.inverted.message.link
39
- : semantic.message.branded);
40
- });
41
- export var Heading4 = function (_a) {
42
- var _b = _a.accessibilityRole, accessibilityRole = _b === void 0 ? 'header' : _b, rest = __rest(_a, ["accessibilityRole"]);
43
- var breakpoints = useBreakpoint();
44
- return (_jsx(StyledHeading4, __assign({ accessible: true, accessibilityRole: accessibilityRole }, breakpoints, rest)));
45
- };
46
- var templateObject_1;
@@ -1 +0,0 @@
1
- export { Heading4 } from './Heading4';
@@ -1,25 +0,0 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- var __assign = (this && this.__assign) || function () {
6
- __assign = Object.assign || function(t) {
7
- for (var s, i = 1, n = arguments.length; i < n; i++) {
8
- s = arguments[i];
9
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
10
- t[p] = s[p];
11
- }
12
- return t;
13
- };
14
- return __assign.apply(this, arguments);
15
- };
16
- import { jsx as _jsx } from "react/jsx-runtime";
17
- import { numToPx } from '@ovotech/element-core';
18
- import { forwardRef } from 'react';
19
- import styled, { css } from '../../styled.native';
20
- var StyledLabel = styled.Text(function (_a) {
21
- var _b = _a.theme, semantic = _b.semantic, component = _b.component, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
22
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n "])), component.label.fontFamily, numToPx(component.label.fontSize[smallAndUp ? 'large' : 'small']), numToPx(component.label.lineHeight[smallAndUp ? 'large' : 'small']), inverted ? semantic.inverted.message.base : semantic.message.base);
23
- });
24
- export var Label = forwardRef(function (props, ref) { return (_jsx(StyledLabel, __assign({}, props, { ref: ref }))); });
25
- var templateObject_1;
@@ -1 +0,0 @@
1
- export { Label } from './Label';
@@ -1,27 +0,0 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- var __assign = (this && this.__assign) || function () {
6
- __assign = Object.assign || function(t) {
7
- for (var s, i = 1, n = arguments.length; i < n; i++) {
8
- s = arguments[i];
9
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
10
- t[p] = s[p];
11
- }
12
- return t;
13
- };
14
- return __assign.apply(this, arguments);
15
- };
16
- import { jsx as _jsx } from "react/jsx-runtime";
17
- import { numToPx } from '@ovotech/element-core';
18
- import { forwardRef } from 'react';
19
- import styled, { css } from '../../styled.native';
20
- var StyledLead = styled.Text(function (_a) {
21
- var _b = _a.theme, semantic = _b.semantic, component = _b.component, smallAndUp = _a.smallAndUp, inverted = _a.inverted;
22
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n "], ["\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n "])), component.lead.fontFamily, numToPx(component.lead.fontSize[smallAndUp ? 'large' : 'small']), numToPx(component.lead.lineHeight[smallAndUp ? 'large' : 'small']), inverted
23
- ? semantic.inverted.message.link
24
- : semantic.message.branded);
25
- });
26
- export var Lead = forwardRef(function (props, ref) { return (_jsx(StyledLead, __assign({}, props, { ref: ref }))); });
27
- var templateObject_1;
@@ -1 +0,0 @@
1
- export { Lead } from './Lead';
@@ -1,17 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Pressable } from 'react-native';
3
- import { useTheme } from '../../styled.native';
4
- import { Icon } from '../Icon';
5
- import { StyledIconButtonL, StyledIconButtonS } from './NavHeader.styles';
6
- export var IconButton = function (_a) {
7
- var size = _a.size, animation = _a.animation, rightActionConfig = _a.rightActionConfig;
8
- var ButtonStyled = size === 'small' ? StyledIconButtonS : StyledIconButtonL;
9
- var theme = useTheme();
10
- if (!rightActionConfig || !(rightActionConfig === null || rightActionConfig === void 0 ? void 0 : rightActionConfig.iconName)) {
11
- return null;
12
- }
13
- return (_jsx(Pressable, { hitSlop: theme.core.space[2], pressRetentionOffset: theme.core.space[2], onPress: rightActionConfig === null || rightActionConfig === void 0 ? void 0 : rightActionConfig.onActionPress, accessibilityRole: "button", accessibilityLabel: rightActionConfig === null || rightActionConfig === void 0 ? void 0 : rightActionConfig.accessibilityLabel, accessibilityHint: rightActionConfig === null || rightActionConfig === void 0 ? void 0 : rightActionConfig.accessibilityHint, children: function (_a) {
14
- var pressed = _a.pressed;
15
- return (_jsx(ButtonStyled, { entering: animation, "$pressed": pressed, children: _jsx(Icon, { name: rightActionConfig.iconName, size: size === 'small' ? 16 : 18, color: theme.semantic.inverted.message.base }) }));
16
- } }));
17
- };
@@ -1,35 +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
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import { numToPx } from '@ovotech/element-core';
25
- import styled from '../../styled.native';
26
- import { P } from '../P';
27
- import { SkeletonAnimation } from '../SkeletonAnimation';
28
- var StyledSkeletonCTA = styled.View(function (_a) {
29
- var core = _a.theme.core, size = _a.size;
30
- return "\n background-color: ".concat(core.color.neutral.light, ";\n width: ").concat(size, ";\n height: ").concat(numToPx(core.space[12]), ";\n ");
31
- });
32
- export var SkeletonCTA = function (_a) {
33
- var _b = _a.size, size = _b === void 0 ? '250px' : _b, rest = __rest(_a, ["size"]);
34
- return (_jsx(SkeletonAnimation, { children: _jsx(StyledSkeletonCTA, __assign({ as: P, size: size }, rest)) }));
35
- };
@@ -1 +0,0 @@
1
- export { SkeletonCTA } from './SkeletonCTA';
@@ -1,13 +0,0 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- import { numToPx } from '@ovotech/element-core';
6
- import styled, { css } from '../../styled.native';
7
- import { styledComponentWithBreakpoints } from '../../utils';
8
- var StyledSmall = styled.Text(function (_a) {
9
- var core = _a.theme.core, smallAndUp = _a.smallAndUp;
10
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n "])), numToPx(core.fontSize.small[smallAndUp ? 'large' : 'small']), numToPx(core.lineHeight.small[smallAndUp ? 'large' : 'small']));
11
- });
12
- export var Small = styledComponentWithBreakpoints(StyledSmall);
13
- var templateObject_1;
@@ -1 +0,0 @@
1
- export { Small } from './Small';
@@ -1,39 +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
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import { Children, cloneElement, isValidElement, } from 'react';
25
- import { View } from 'react-native';
26
- import { getValidChildren } from '../../utils';
27
- export var TextGroup = function (_a) {
28
- var children = _a.children, rest = __rest(_a, ["children"]);
29
- var validChildren = getValidChildren(children);
30
- return (_jsx(View, __assign({}, rest, { children: Children.map(validChildren, function (child, index) {
31
- if (!isValidElement(child)) {
32
- return;
33
- }
34
- var style = __assign(__assign(__assign({}, child.props.style), (index === 0 ? { marginTop: 0 } : {})), { marginBottom: 0 });
35
- return cloneElement(child, {
36
- style: style,
37
- });
38
- }) })));
39
- };
@@ -1 +0,0 @@
1
- export { TextGroup } from './TextGroup';
@@ -1,49 +0,0 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- var __assign = (this && this.__assign) || function () {
6
- __assign = Object.assign || function(t) {
7
- for (var s, i = 1, n = arguments.length; i < n; i++) {
8
- s = arguments[i];
9
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
10
- t[p] = s[p];
11
- }
12
- return t;
13
- };
14
- return __assign.apply(this, arguments);
15
- };
16
- var __rest = (this && this.__rest) || function (s, e) {
17
- var t = {};
18
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
19
- t[p] = s[p];
20
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
21
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
22
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
23
- t[p[i]] = s[p[i]];
24
- }
25
- return t;
26
- };
27
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
28
- import { forwardRef } from 'react';
29
- import { Text } from 'react-native';
30
- import styled, { css } from '../../styled.native';
31
- import { getText } from '../../utils/utils';
32
- import { Icon } from '../Icon';
33
- var StyledText = styled.Text(function (_a) {
34
- var _b = _a.theme, core = _b.core, semantic = _b.semantic;
35
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: ", ";\n color: ", ";\n text-decoration: underline;\n text-decoration-color: ", ";\n "], ["\n font-family: ", ";\n color: ", ";\n text-decoration: underline;\n text-decoration-color: ", ";\n "])), core.fontFamily.body.native, semantic.message.link, semantic.message.link);
36
- });
37
- var StyledIcon = styled(Icon)(function (_a) {
38
- var semantic = _a.theme.semantic;
39
- return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), semantic.message.branded);
40
- });
41
- var TextLink = forwardRef(function (_a, ref) {
42
- var children = _a.children, _b = _a.opensInNewWindow, opensInNewWindow = _b === void 0 ? false : _b, accessibilityLabel = _a.accessibilityLabel, rest = __rest(_a, ["children", "opensInNewWindow", "accessibilityLabel"]);
43
- var updatedAccessibilityLabel = opensInNewWindow
44
- ? "".concat(accessibilityLabel ? accessibilityLabel : getText(children), " (opens in new window)")
45
- : accessibilityLabel;
46
- return (_jsxs(Text, __assign({}, rest, { accessibilityLabel: updatedAccessibilityLabel, ref: ref, children: [_jsx(StyledText, { children: children }), opensInNewWindow && (_jsxs(_Fragment, { children: ["\u00A0", _jsx(StyledIcon, { size: 12, name: "new-window" })] }))] })));
47
- });
48
- export { TextLink };
49
- var templateObject_1, templateObject_2;
@@ -1 +0,0 @@
1
- export { TextLink } from './TextLink';
@@ -1 +0,0 @@
1
- export {};
@@ -1,5 +0,0 @@
1
- import { FunctionComponent } from 'react';
2
- import { SvgProps } from 'react-native-svg';
3
- export type IconName = 'address' | 'advice' | 'archive' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'award' | 'battery' | 'cal-book' | 'cal' | 'caret-arrow-down' | 'caret-arrow-left' | 'caret-arrow-right' | 'caret-arrow-up' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'chart-filled' | 'chart' | 'check-circle' | 'check' | 'chevron-down' | 'chevron-left-small-first' | 'chevron-left-small' | 'chevron-left' | 'chevron-right-small-last' | 'chevron-right-small' | 'chevron-right' | 'chevron-up' | 'circle' | 'close-circle' | 'cross' | 'doc' | 'dollar' | 'download' | 'eco-home' | 'eco' | 'edit' | 'electric-car' | 'electric-home' | 'electricity' | 'energy-advice' | 'equals' | 'euro' | 'gas' | 'globe-address' | 'help-filled' | 'help' | 'hide' | 'home-filled' | 'home' | 'hydro-power' | 'info' | 'link' | 'logo' | 'mail-open' | 'mail' | 'menu' | 'message-filled' | 'message' | 'minus' | 'mobile' | 'new-window' | 'payment-card-filled' | 'payment-card' | 'phone' | 'plus' | 'pound' | 'pricing-filled' | 'pricing' | 'search' | 'security' | 'shop-filled' | 'shop' | 'show' | 'smart-home' | 'smart-meter' | 'solar' | 'star-filled' | 'star' | 'sun' | 'torch' | 'trees' | 'tune' | 'user-filled' | 'user' | 'wallet' | 'warm-home' | 'warning' | 'web-address' | 'wind-power';
4
- export type IconNameExtended = IconName | (string & {});
5
- export type IconsType = Record<string, FunctionComponent<SvgProps>>;
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });