@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
package/dist/components/List/styled.js CHANGED
@@ -31,22 +31,22 @@ exports.LiContent = exports.FlexRow = exports.TextBullet = exports.SquareBullet
31
31
  var element_core_1 = require("@ovotech/element-core");
32
32
  var styled_native_1 = __importStar(require("../../styled.native"));
33
33
  exports.SquareBullet = styled_native_1.default.View(function (_a) {
34
- var _b = _a.theme, core = _b.core, semantic = _b.semantic, visible = _a.visible, smallAndUp = _a.smallAndUp;
34
+ var theme = _a.theme, visible = _a.visible, smallAndUp = _a.smallAndUp;
35
35
  var lineHeight = smallAndUp
36
- ? core.lineHeight.body.large
37
- : core.lineHeight.body.small;
38
- var topMargin = (lineHeight - core.space[2]) / 2;
39
- return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-self: flex-start;\n width: ", ";\n height: ", ";\n margin-right: ", ";\n margin-top: ", ";\n background-color: ", ";\n "], ["\n align-self: flex-start;\n width: ", ";\n height: ", ";\n margin-right: ", ";\n margin-top: ", ";\n background-color: ", ";\n "])), (0, element_core_1.numToPx)(core.space[2]), (0, element_core_1.numToPx)(core.space[2]), (0, element_core_1.numToPx)(core.space[2]), (0, element_core_1.numToPx)(topMargin), visible ? semantic.message.base : 'transparent');
36
+ ? theme.font.lineHeight.md.mediaQuery.lg
37
+ : theme.font.lineHeight.md.mediaQuery.sm;
38
+ var topMargin = (lineHeight - theme.space[200]) / 2;
39
+ return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-self: flex-start;\n width: ", ";\n height: ", ";\n margin-right: 10px;\n margin-top: ", ";\n background-color: ", ";\n transform: rotate(-15deg);\n "], ["\n align-self: flex-start;\n width: ", ";\n height: ", ";\n margin-right: 10px;\n margin-top: ", ";\n background-color: ", ";\n transform: rotate(-15deg);\n "])), (0, element_core_1.numToPx)(theme.space[200]), (0, element_core_1.numToPx)(theme.space[200]), (0, element_core_1.numToPx)(topMargin), visible ? theme.color.brand.brand : 'transparent');
40
40
  });
41
41
  exports.TextBullet = styled_native_1.default.Text(function (_a) {
42
- var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
42
+ var theme = _a.theme, smallAndUp = _a.smallAndUp;
43
43
  var fontSize = smallAndUp
44
- ? core.fontSize.body.large
45
- : core.fontSize.body.small;
44
+ ? theme.font.size.md.mediaQuery.lg
45
+ : theme.font.size.md.mediaQuery.sm;
46
46
  var lineHeight = smallAndUp
47
- ? core.lineHeight.body.large
48
- : core.lineHeight.body.small;
49
- return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-right: ", ";\n min-width: ", ";\n min-height: ", ";\n font-size: ", ";\n line-height: ", ";\n text-align: left;\n color: ", ";\n "], ["\n margin-right: ", ";\n min-width: ", ";\n min-height: ", ";\n font-size: ", ";\n line-height: ", ";\n text-align: left;\n color: ", ";\n "])), (0, element_core_1.numToPx)(core.space[1]), (0, element_core_1.numToPx)(core.space[3]), (0, element_core_1.numToPx)(core.space[3]), (0, element_core_1.numToPx)(fontSize), (0, element_core_1.numToPx)(lineHeight), semantic.message.base);
47
+ ? theme.font.lineHeight.md.mediaQuery.lg
48
+ : theme.font.lineHeight.md.mediaQuery.sm;
49
+ return (0, styled_native_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-width: ", ";\n min-height: ", ";\n margin-right: ", ";\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n text-align: left;\n color: ", ";\n "], ["\n min-width: ", ";\n min-height: ", ";\n margin-right: ", ";\n font-family: ", ";\n font-size: ", ";\n line-height: ", ";\n text-align: left;\n color: ", ";\n "])), (0, element_core_1.numToPx)(theme.space[300]), (0, element_core_1.numToPx)(theme.space[300]), (0, element_core_1.numToPx)(theme.space[100]), theme.native.font.family.book, (0, element_core_1.numToPx)(fontSize), (0, element_core_1.numToPx)(lineHeight), theme.color.surface.onSurface);
50
50
  });
51
51
  exports.FlexRow = styled_native_1.default.View(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-direction: row;\n"], ["\n flex-direction: row;\n"])));
52
52
  exports.LiContent = styled_native_1.default.View(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex-direction: column;\n flex: 1;\n"], ["\n flex-direction: column;\n flex: 1;\n"])));