@ovotech/element-native 5.5.0 → 5.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (284) hide show
  1. package/dist/components/Accordion/styles.d.ts +3 -1725
  2. package/dist/components/ActionList/Action.d.ts +23 -0
  3. package/dist/components/ActionList/Action.js +29 -0
  4. package/dist/components/ActionList/ActionList.d.ts +11 -27
  5. package/dist/components/ActionList/ActionList.js +9 -25
  6. package/dist/components/ActionList/ActionListItems/DataListItem.d.ts +23 -0
  7. package/dist/components/ActionList/ActionListItems/DataListItem.js +23 -0
  8. package/dist/components/ActionList/ActionListItems/EditableListItem.d.ts +43 -0
  9. package/dist/components/ActionList/ActionListItems/EditableListItem.js +134 -0
  10. package/dist/components/ActionList/ActionListItems/NavigationListItem.d.ts +16 -0
  11. package/dist/components/ActionList/ActionListItems/NavigationListItem.js +30 -0
  12. package/dist/components/ActionList/ActionListItems/ProgressRing.d.ts +7 -0
  13. package/dist/components/ActionList/ActionListItems/ProgressRing.js +66 -0
  14. package/dist/components/ActionList/ActionListItems/ToggleListItem.d.ts +9 -0
  15. package/dist/components/ActionList/ActionListItems/ToggleListItem.js +12 -0
  16. package/dist/components/ActionList/ActionListItems/styles.d.ts +51 -0
  17. package/dist/components/ActionList/ActionListItems/styles.js +173 -0
  18. package/dist/components/ActionList/components/ActionListHeading.d.ts +9 -0
  19. package/dist/components/ActionList/components/ActionListHeading.js +11 -0
  20. package/dist/components/ActionList/index.d.ts +6 -1
  21. package/dist/components/ActionList/index.js +11 -2
  22. package/dist/components/ActionList/styled.d.ts +12 -5756
  23. package/dist/components/ActionList/styled.js +24 -9
  24. package/dist/components/Badge/Badge.d.ts +1 -575
  25. package/dist/components/BottomActionBar/BottomActionBar.d.ts +12 -0
  26. package/dist/components/BottomActionBar/BottomActionBar.js +80 -0
  27. package/dist/components/BottomActionBar/OverlayProvider.d.ts +8 -0
  28. package/dist/components/BottomActionBar/OverlayProvider.js +38 -0
  29. package/dist/components/BottomActionBar/index.d.ts +2 -0
  30. package/dist/components/BottomActionBar/index.js +7 -0
  31. package/dist/components/Button/Button.js +1 -1
  32. package/dist/components/Button/Button.styles.d.ts +5 -2300
  33. package/dist/components/Card/Card.d.ts +7 -4
  34. package/dist/components/Card/Card.js +44 -22
  35. package/dist/components/Card/Card.styles.d.ts +4 -1725
  36. package/dist/components/Card/Card.styles.js +7 -11
  37. package/dist/components/Cards/AccountCard/AccountCard.styles.d.ts +8 -4600
  38. package/dist/components/Cards/BalanceCard/BalanceCard.styles.d.ts +15 -8625
  39. package/dist/components/Cards/BalanceCard/BalanceCard.styles.js +2 -2
  40. package/dist/components/Cards/DisruptiveCard/DisruptiveCard.d.ts +13 -0
  41. package/dist/components/Cards/DisruptiveCard/DisruptiveCard.js +45 -0
  42. package/dist/components/Cards/DisruptiveCard/DisruptiveCard.styles.d.ts +3 -0
  43. package/dist/components/Cards/DisruptiveCard/DisruptiveCard.styles.js +11 -0
  44. package/dist/components/Cards/DisruptiveCard/index.d.ts +1 -0
  45. package/dist/components/Cards/DisruptiveCard/index.js +17 -0
  46. package/dist/components/Cards/HeroImageCard/HeroImageCard.d.ts +12 -0
  47. package/dist/components/Cards/HeroImageCard/HeroImageCard.js +65 -0
  48. package/dist/components/Cards/HeroImageCard/HeroImageCard.styles.d.ts +10 -0
  49. package/dist/components/Cards/HeroImageCard/HeroImageCard.styles.js +27 -0
  50. package/dist/components/Cards/HeroImageCard/index.d.ts +1 -0
  51. package/dist/components/Cards/HeroImageCard/index.js +17 -0
  52. package/dist/components/Cards/IconDataCard/IconDataCard.styles.d.ts +4 -2300
  53. package/dist/components/Cards/IconTextCard/IconTextCard.js +3 -16
  54. package/dist/components/Cards/IconTextCard/IconTextCard.styles.d.ts +3 -2300
  55. package/dist/components/Cards/IconTextCard/IconTextCard.styles.js +1 -6
  56. package/dist/components/Cards/IllustrationTextCard/IllustrationTextCard.d.ts +14 -0
  57. package/dist/components/Cards/IllustrationTextCard/IllustrationTextCard.js +26 -0
  58. package/dist/components/Cards/IllustrationTextCard/IllustrationTextCard.styles.d.ts +18 -0
  59. package/dist/components/Cards/IllustrationTextCard/IllustrationTextCard.styles.js +33 -0
  60. package/dist/components/Cards/IllustrationTextCard/index.d.ts +1 -0
  61. package/dist/components/Cards/IllustrationTextCard/index.js +17 -0
  62. package/dist/components/Cards/LinkTextCard/LinkTextCard.d.ts +2 -2
  63. package/dist/components/Cards/LinkTextCard/LinkTextCard.js +7 -6
  64. package/dist/components/Cards/LinkTextCard/LinkTextCard.styles.d.ts +8 -2875
  65. package/dist/components/Cards/LinkTextCard/LinkTextCard.styles.js +9 -6
  66. package/dist/components/Cards/OfferCard/OfferCard.d.ts +22 -0
  67. package/dist/components/Cards/OfferCard/OfferCard.js +36 -0
  68. package/dist/components/Cards/OfferCard/OfferCard.styles.d.ts +34 -0
  69. package/dist/components/Cards/OfferCard/OfferCard.styles.js +61 -0
  70. package/dist/components/Cards/OfferCard/index.d.ts +1 -0
  71. package/dist/components/Cards/OfferCard/index.js +17 -0
  72. package/dist/components/Cards/ProgressBarCard/ProgressBarCard.styles.d.ts +9 -5175
  73. package/dist/components/Cards/QuickLinkCard/QuickLinkCard.d.ts +12 -0
  74. package/dist/components/Cards/QuickLinkCard/QuickLinkCard.js +27 -0
  75. package/dist/components/Cards/QuickLinkCard/QuickLinkCard.styles.d.ts +12 -0
  76. package/dist/components/Cards/QuickLinkCard/QuickLinkCard.styles.js +31 -0
  77. package/dist/components/Cards/QuickLinkCard/index.d.ts +1 -0
  78. package/dist/components/Cards/QuickLinkCard/index.js +17 -0
  79. package/dist/components/Cards/ServicesImageCard/ServicesImageCard.d.ts +12 -0
  80. package/dist/components/Cards/ServicesImageCard/ServicesImageCard.js +24 -0
  81. package/dist/components/Cards/ServicesImageCard/ServicesImageCard.styles.d.ts +17 -0
  82. package/dist/components/Cards/ServicesImageCard/ServicesImageCard.styles.js +38 -0
  83. package/dist/components/Cards/ServicesImageCard/index.d.ts +1 -0
  84. package/dist/components/Cards/ServicesImageCard/index.js +17 -0
  85. package/dist/components/Cards/components.d.ts +15 -0
  86. package/dist/components/Cards/components.js +24 -0
  87. package/dist/components/Cards/index.d.ts +5 -0
  88. package/dist/components/Cards/index.js +11 -1
  89. package/dist/components/Cards/shared.styles.d.ts +11 -3451
  90. package/dist/components/Cards/shared.styles.js +18 -2
  91. package/dist/components/Cards/utils.d.ts +1 -0
  92. package/dist/components/Cards/utils.js +13 -1
  93. package/dist/components/Checkbox/Checkbox.d.ts +2 -13
  94. package/dist/components/Checkbox/Checkbox.js +3 -49
  95. package/dist/components/Checkbox/styled.d.ts +21 -0
  96. package/dist/components/Checkbox/styled.js +52 -0
  97. package/dist/components/Checkbox/types.d.ts +16 -0
  98. package/dist/components/Checkbox/types.js +2 -0
  99. package/dist/components/CurrencyInput/CurrencyInput.d.ts +2 -1
  100. package/dist/components/CurrencyInput/CurrencyInput.js +11 -4
  101. package/dist/components/CurrencyInput/styled.d.ts +10 -0
  102. package/dist/components/CurrencyInput/styled.js +39 -0
  103. package/dist/components/DataTable/styles.d.ts +13 -7475
  104. package/dist/components/Disclosure/Disclosure.d.ts +1 -575
  105. package/dist/components/Divider/Divider.d.ts +1 -1
  106. package/dist/components/Divider/Divider.js +3 -1
  107. package/dist/components/Em/Em.d.ts +1 -575
  108. package/dist/components/EmailInput/EmailInput.d.ts +4 -1
  109. package/dist/components/EmailInput/EmailInput.js +18 -2
  110. package/dist/components/EmptyState/EmptyState.d.ts +2 -0
  111. package/dist/components/EmptyState/EmptyState.js +17 -0
  112. package/dist/components/EmptyState/EmptyState.test.d.ts +1 -0
  113. package/dist/components/EmptyState/EmptyState.test.js +92 -0
  114. package/dist/components/EmptyState/index.d.ts +1 -0
  115. package/dist/components/EmptyState/index.js +17 -0
  116. package/dist/components/EmptyState/styles.d.ts +2 -0
  117. package/dist/components/EmptyState/styles.js +23 -0
  118. package/dist/components/EmptyState/types.d.ts +18 -0
  119. package/dist/components/EmptyState/types.js +2 -0
  120. package/dist/components/ErrorText/ErrorText.d.ts +1 -575
  121. package/dist/components/Field/Field.d.ts +3 -2
  122. package/dist/components/Field/Field.js +3 -2
  123. package/dist/components/Grid/Col.d.ts +1 -575
  124. package/dist/components/HintText/HintText.d.ts +1 -575
  125. package/dist/components/Input/Input.d.ts +2 -1
  126. package/dist/components/Input/Input.js +6 -97
  127. package/dist/components/Input/styled.d.ts +16 -0
  128. package/dist/components/Input/styled.js +96 -0
  129. package/dist/components/LabelText/LabelText.d.ts +1 -575
  130. package/dist/components/LargeValueReference/LargeValueReference.d.ts +11 -0
  131. package/dist/components/LargeValueReference/LargeValueReference.js +49 -0
  132. package/dist/components/LargeValueReference/index.d.ts +1 -0
  133. package/dist/components/LargeValueReference/index.js +17 -0
  134. package/dist/components/LargeValueReference/styles.d.ts +10 -0
  135. package/dist/components/LargeValueReference/styles.js +29 -0
  136. package/dist/components/LineThrough/LineThrough.d.ts +1 -575
  137. package/dist/components/List/styled.d.ts +4 -2300
  138. package/dist/components/Margin/Margin.d.ts +1 -575
  139. package/dist/components/NavHeader/NavHeader.styles.d.ts +11 -6325
  140. package/dist/components/Notification/Notification.d.ts +2 -2
  141. package/dist/components/Notification/Notification.js +20 -12
  142. package/dist/components/Notification/Notification.styles.d.ts +13 -5175
  143. package/dist/components/Notification/Notification.styles.js +21 -2
  144. package/dist/components/PasswordInput/PasswordInput.styled.d.ts +1 -577
  145. package/dist/components/PasswordInput/PasswordInput.styled.js +5 -3
  146. package/dist/components/PasswordInput/PasswordVisibilityToggle.js +2 -8
  147. package/dist/components/Radio/Radio.d.ts +2 -2
  148. package/dist/components/Radio/Radio.js +5 -43
  149. package/dist/components/Radio/Radio.styles.d.ts +9 -0
  150. package/dist/components/Radio/Radio.styles.js +74 -0
  151. package/dist/components/RadioCard/RadioCard.d.ts +2 -1
  152. package/dist/components/RadioCard/RadioCard.js +7 -57
  153. package/dist/components/RadioCard/RadioCard.styles.d.ts +16 -0
  154. package/dist/components/RadioCard/RadioCard.styles.js +97 -0
  155. package/dist/components/Rail/Rail.d.ts +12 -0
  156. package/dist/components/Rail/Rail.js +58 -0
  157. package/dist/components/Rail/RailIndicator.d.ts +7 -0
  158. package/dist/components/Rail/RailIndicator.js +81 -0
  159. package/dist/components/Rail/index.d.ts +1 -0
  160. package/dist/components/Rail/index.js +5 -0
  161. package/dist/components/Rail/styles.d.ts +13 -0
  162. package/dist/components/Rail/styles.js +55 -0
  163. package/dist/components/Rail/useRailPaging.d.ts +13 -0
  164. package/dist/components/Rail/useRailPaging.js +95 -0
  165. package/dist/components/SelectField/Select.d.ts +5 -579
  166. package/dist/components/SelectField/Select.js +7 -107
  167. package/dist/components/SelectField/SelectField.d.ts +2 -2
  168. package/dist/components/SelectField/SelectField.js +2 -2
  169. package/dist/components/SelectField/styled.d.ts +26 -0
  170. package/dist/components/SelectField/styled.js +118 -0
  171. package/dist/components/SkeletonText/SkeletonText.js +4 -4
  172. package/dist/components/Strong/Strong.d.ts +1 -575
  173. package/dist/components/SubLabelText/SubLabelText.d.ts +1 -575
  174. package/dist/components/Tabs/Tab.d.ts +1 -575
  175. package/dist/components/TextareaInput/TextareaInput.js +12 -6
  176. package/dist/components/Toast/Toast.d.ts +10 -4
  177. package/dist/components/Toast/Toast.js +40 -27
  178. package/dist/components/Toggle/Toggle.d.ts +3 -1
  179. package/dist/components/Toggle/Toggle.js +4 -6
  180. package/dist/components/Toggle/styles.d.ts +5 -2300
  181. package/dist/components/Toggle/styles.js +3 -3
  182. package/dist/components/index.d.ts +5 -0
  183. package/dist/components/index.js +5 -0
  184. package/dist/esm/components/ActionList/Action.js +26 -0
  185. package/dist/esm/components/ActionList/ActionList.js +12 -28
  186. package/dist/esm/components/ActionList/ActionListItems/DataListItem.js +19 -0
  187. package/dist/esm/components/ActionList/ActionListItems/EditableListItem.js +131 -0
  188. package/dist/esm/components/ActionList/ActionListItems/NavigationListItem.js +26 -0
  189. package/dist/esm/components/ActionList/ActionListItems/ProgressRing.js +29 -0
  190. package/dist/esm/components/ActionList/ActionListItems/ToggleListItem.js +8 -0
  191. package/dist/esm/components/ActionList/ActionListItems/styles.js +137 -0
  192. package/dist/esm/components/ActionList/components/ActionListHeading.js +7 -0
  193. package/dist/esm/components/ActionList/index.js +6 -1
  194. package/dist/esm/components/ActionList/styled.js +23 -8
  195. package/dist/esm/components/BottomActionBar/BottomActionBar.js +40 -0
  196. package/dist/esm/components/BottomActionBar/OverlayProvider.js +30 -0
  197. package/dist/esm/components/BottomActionBar/index.js +2 -0
  198. package/dist/esm/components/Button/Button.js +1 -1
  199. package/dist/esm/components/Card/Card.js +45 -23
  200. package/dist/esm/components/Card/Card.styles.js +8 -12
  201. package/dist/esm/components/Cards/BalanceCard/BalanceCard.styles.js +2 -2
  202. package/dist/esm/components/Cards/DisruptiveCard/DisruptiveCard.js +41 -0
  203. package/dist/esm/components/Cards/DisruptiveCard/DisruptiveCard.styles.js +5 -0
  204. package/dist/esm/components/Cards/DisruptiveCard/index.js +1 -0
  205. package/dist/esm/components/Cards/HeroImageCard/HeroImageCard.js +28 -0
  206. package/dist/esm/components/Cards/HeroImageCard/HeroImageCard.styles.js +21 -0
  207. package/dist/esm/components/Cards/HeroImageCard/index.js +1 -0
  208. package/dist/esm/components/Cards/IconTextCard/IconTextCard.js +5 -18
  209. package/dist/esm/components/Cards/IconTextCard/IconTextCard.styles.js +0 -5
  210. package/dist/esm/components/Cards/IllustrationTextCard/IllustrationTextCard.js +22 -0
  211. package/dist/esm/components/Cards/IllustrationTextCard/IllustrationTextCard.styles.js +27 -0
  212. package/dist/esm/components/Cards/IllustrationTextCard/index.js +1 -0
  213. package/dist/esm/components/Cards/LinkTextCard/LinkTextCard.js +7 -6
  214. package/dist/esm/components/Cards/LinkTextCard/LinkTextCard.styles.js +9 -6
  215. package/dist/esm/components/Cards/OfferCard/OfferCard.js +32 -0
  216. package/dist/esm/components/Cards/OfferCard/OfferCard.styles.js +55 -0
  217. package/dist/esm/components/Cards/OfferCard/index.js +1 -0
  218. package/dist/esm/components/Cards/QuickLinkCard/QuickLinkCard.js +23 -0
  219. package/dist/esm/components/Cards/QuickLinkCard/QuickLinkCard.styles.js +25 -0
  220. package/dist/esm/components/Cards/QuickLinkCard/index.js +1 -0
  221. package/dist/esm/components/Cards/ServicesImageCard/ServicesImageCard.js +20 -0
  222. package/dist/esm/components/Cards/ServicesImageCard/ServicesImageCard.styles.js +32 -0
  223. package/dist/esm/components/Cards/ServicesImageCard/index.js +1 -0
  224. package/dist/esm/components/Cards/components.js +19 -0
  225. package/dist/esm/components/Cards/index.js +5 -0
  226. package/dist/esm/components/Cards/shared.styles.js +17 -1
  227. package/dist/esm/components/Cards/utils.js +11 -0
  228. package/dist/esm/components/Checkbox/Checkbox.js +2 -45
  229. package/dist/esm/components/Checkbox/styled.js +46 -0
  230. package/dist/esm/components/Checkbox/types.js +1 -0
  231. package/dist/esm/components/CurrencyInput/CurrencyInput.js +12 -5
  232. package/dist/esm/components/CurrencyInput/styled.js +33 -0
  233. package/dist/esm/components/Divider/Divider.js +3 -1
  234. package/dist/esm/components/EmailInput/EmailInput.js +18 -2
  235. package/dist/esm/components/EmptyState/EmptyState.js +13 -0
  236. package/dist/esm/components/EmptyState/EmptyState.test.js +90 -0
  237. package/dist/esm/components/EmptyState/index.js +1 -0
  238. package/dist/esm/components/EmptyState/styles.js +17 -0
  239. package/dist/esm/components/EmptyState/types.js +1 -0
  240. package/dist/esm/components/Field/Field.js +3 -2
  241. package/dist/esm/components/Input/Input.js +6 -64
  242. package/dist/esm/components/Input/styled.js +60 -0
  243. package/dist/esm/components/LargeValueReference/LargeValueReference.js +45 -0
  244. package/dist/esm/components/LargeValueReference/index.js +1 -0
  245. package/dist/esm/components/LargeValueReference/styles.js +23 -0
  246. package/dist/esm/components/Notification/Notification.js +21 -13
  247. package/dist/esm/components/Notification/Notification.styles.js +20 -1
  248. package/dist/esm/components/PasswordInput/PasswordInput.styled.js +5 -3
  249. package/dist/esm/components/PasswordInput/PasswordVisibilityToggle.js +2 -8
  250. package/dist/esm/components/Radio/Radio.js +4 -39
  251. package/dist/esm/components/Radio/Radio.styles.js +38 -0
  252. package/dist/esm/components/RadioCard/RadioCard.js +5 -52
  253. package/dist/esm/components/RadioCard/RadioCard.styles.js +61 -0
  254. package/dist/esm/components/Rail/Rail.js +21 -0
  255. package/dist/esm/components/Rail/RailIndicator.js +44 -0
  256. package/dist/esm/components/Rail/index.js +1 -0
  257. package/dist/esm/components/Rail/styles.js +49 -0
  258. package/dist/esm/components/Rail/useRailPaging.js +92 -0
  259. package/dist/esm/components/SelectField/Select.js +7 -74
  260. package/dist/esm/components/SelectField/SelectField.js +3 -3
  261. package/dist/esm/components/SelectField/styled.js +82 -0
  262. package/dist/esm/components/SkeletonText/SkeletonText.js +4 -4
  263. package/dist/esm/components/TextareaInput/TextareaInput.js +12 -6
  264. package/dist/esm/components/Toast/Toast.js +40 -27
  265. package/dist/esm/components/Toggle/Toggle.js +4 -6
  266. package/dist/esm/components/Toggle/styles.js +3 -3
  267. package/dist/esm/components/index.js +5 -0
  268. package/dist/esm/hooks/use-font-scaling.js +32 -0
  269. package/dist/esm/index.js +1 -0
  270. package/dist/esm/test/utils.js +12 -0
  271. package/dist/esm/utils/utils.js +12 -1
  272. package/dist/hooks/use-font-scaling.d.ts +26 -0
  273. package/dist/hooks/use-font-scaling.js +35 -0
  274. package/dist/index.d.ts +1 -0
  275. package/dist/index.js +1 -0
  276. package/dist/styled.native.d.ts +1 -3445
  277. package/dist/test/utils.d.ts +4 -0
  278. package/dist/test/utils.js +28 -0
  279. package/dist/utils/utils.d.ts +11 -1
  280. package/dist/utils/utils.js +12 -0
  281. package/package.json +5 -5
  282. package/dist/components/ErrorWrapper/styles.d.ts +0 -0
  283. package/dist/components/ErrorWrapper/styles.js +0 -1
  284. package/dist/esm/components/ErrorWrapper/styles.js +0 -1
@@ -11,581 +11,7 @@ type MProps = {
11
11
  all?: SpaceKey | SpaceKey[];
12
12
  breakpoints: Breakpoints;
13
13
  };
14
- declare const StyledMargin: import("styled-components").StyledComponent<typeof import("react-native").View, {
15
- color: {
16
- neutral: {
17
- "20": string;
18
- "30": string;
19
- "40": string;
20
- "50": string;
21
- "60": string;
22
- "70": string;
23
- "80": string;
24
- white: string;
25
- black: string;
26
- };
27
- red: {
28
- "20": string;
29
- "30": string;
30
- "40": string;
31
- "50": string;
32
- "60": string;
33
- "70": string;
34
- "80": string;
35
- };
36
- orange: {
37
- "20": string;
38
- "30": string;
39
- "40": string;
40
- "50": string;
41
- "60": string;
42
- "70": string;
43
- };
44
- yellow: {
45
- "70": string;
46
- "80": string;
47
- };
48
- green: {
49
- "20": string;
50
- "30": string;
51
- "40": string;
52
- "50": string;
53
- "56": string;
54
- "60": string;
55
- "70": string;
56
- "80": string;
57
- "90": string;
58
- };
59
- blue: {
60
- "20": string;
61
- "30": string;
62
- "40": string;
63
- "50": string;
64
- "60": string;
65
- "70": string;
66
- };
67
- alert: {
68
- success: string;
69
- successTint: string;
70
- warning: string;
71
- warningTint: string;
72
- error: string;
73
- errorTint: string;
74
- info: string;
75
- infoTint: string;
76
- neutral: string;
77
- neutralTint: string;
78
- border: string;
79
- };
80
- input: {
81
- borderDim: string;
82
- };
83
- brand: {
84
- brand: string;
85
- dark: string;
86
- dim: string;
87
- bold: string;
88
- bright: string;
89
- gradientFrom: string;
90
- gradientTo: string;
91
- onBrand: string;
92
- onBrandVariant: string;
93
- aiGradientFrom: string;
94
- aiGradientTo: string;
95
- fixed: {
96
- brand: string;
97
- dark: string;
98
- dim: string;
99
- bold: string;
100
- bright: string;
101
- onBrand: string;
102
- onBrandVariant: string;
103
- };
104
- };
105
- outline: {
106
- outer: string;
107
- inner: string;
108
- };
109
- surface: {
110
- surface: string;
111
- bright: string;
112
- dim: string;
113
- onSurface: string;
114
- onSurfaceVariant: string;
115
- border: string;
116
- borderDim: string;
117
- link: string;
118
- electricity: string;
119
- gas: string;
120
- fadeFrom: string;
121
- fadeTo: string;
122
- fixed: {
123
- onSurface: string;
124
- bright: string;
125
- };
126
- };
127
- };
128
- transition: {
129
- duration: {
130
- fast: number;
131
- medium: number;
132
- slow: number;
133
- };
134
- };
135
- unit: {
136
- "0": number;
137
- "25": number;
138
- "50": number;
139
- "100": number;
140
- "200": number;
141
- "300": number;
142
- "350": number;
143
- "400": number;
144
- "450": number;
145
- "500": number;
146
- "550": number;
147
- "600": number;
148
- "700": number;
149
- "800": number;
150
- "900": number;
151
- "1000": number;
152
- "1100": number;
153
- "1200": number;
154
- "1300": number;
155
- "1400": number;
156
- "1500": number;
157
- "1600": number;
158
- "1800": number;
159
- "2000": number;
160
- "2400": number;
161
- "3000": number;
162
- "3500": number;
163
- };
164
- border: {
165
- radius: {
166
- xs: number;
167
- sm: number;
168
- md: number;
169
- lg: number;
170
- xl: number;
171
- "2xl": number;
172
- "3xl": number;
173
- };
174
- width: {
175
- sm: number;
176
- md: number;
177
- lg: number;
178
- };
179
- };
180
- breakpoint: {
181
- xsmall: number;
182
- small: number;
183
- medium: number;
184
- large: number;
185
- };
186
- native: {
187
- font: {
188
- family: {
189
- black: string;
190
- book: string;
191
- bold: string;
192
- };
193
- };
194
- };
195
- web: {
196
- font: {
197
- family: string;
198
- };
199
- };
200
- font: {
201
- letterSpacing: {
202
- d1: {
203
- mediaQuery: {
204
- sm: number;
205
- lg: number;
206
- };
207
- };
208
- d2: {
209
- mediaQuery: {
210
- sm: number;
211
- lg: number;
212
- };
213
- };
214
- d3: {
215
- mediaQuery: {
216
- sm: number;
217
- lg: number;
218
- };
219
- };
220
- d4: {
221
- mediaQuery: {
222
- sm: number;
223
- lg: number;
224
- };
225
- };
226
- "4xl": {
227
- mediaQuery: {
228
- sm: number;
229
- lg: number;
230
- };
231
- };
232
- "3xl": {
233
- mediaQuery: {
234
- sm: number;
235
- lg: number;
236
- };
237
- };
238
- "2xl": {
239
- mediaQuery: {
240
- sm: number;
241
- lg: number;
242
- };
243
- };
244
- xl: {
245
- mediaQuery: {
246
- sm: number;
247
- lg: number;
248
- };
249
- };
250
- lg: {
251
- mediaQuery: {
252
- sm: number;
253
- lg: number;
254
- };
255
- };
256
- md: {
257
- mediaQuery: {
258
- sm: number;
259
- lg: number;
260
- };
261
- };
262
- sm: {
263
- mediaQuery: {
264
- sm: number;
265
- lg: number;
266
- };
267
- };
268
- xs: {
269
- mediaQuery: {
270
- sm: number;
271
- lg: number;
272
- };
273
- };
274
- };
275
- lineHeight: {
276
- d1: {
277
- mediaQuery: {
278
- sm: number;
279
- lg: number;
280
- };
281
- };
282
- d2: {
283
- mediaQuery: {
284
- sm: number;
285
- lg: number;
286
- };
287
- };
288
- d3: {
289
- mediaQuery: {
290
- sm: number;
291
- lg: number;
292
- };
293
- };
294
- d4: {
295
- mediaQuery: {
296
- sm: number;
297
- lg: number;
298
- };
299
- };
300
- "4xl": {
301
- mediaQuery: {
302
- sm: number;
303
- lg: number;
304
- };
305
- };
306
- "3xl": {
307
- mediaQuery: {
308
- sm: number;
309
- lg: number;
310
- };
311
- };
312
- "2xl": {
313
- mediaQuery: {
314
- sm: number;
315
- lg: number;
316
- };
317
- };
318
- xl: {
319
- mediaQuery: {
320
- sm: number;
321
- lg: number;
322
- };
323
- };
324
- lg: {
325
- mediaQuery: {
326
- sm: number;
327
- lg: number;
328
- };
329
- };
330
- md: {
331
- mediaQuery: {
332
- sm: number;
333
- lg: number;
334
- };
335
- };
336
- sm: {
337
- mediaQuery: {
338
- sm: number;
339
- lg: number;
340
- };
341
- };
342
- xs: {
343
- mediaQuery: {
344
- sm: number;
345
- lg: number;
346
- };
347
- };
348
- };
349
- paragraphSpace: {
350
- d1: {
351
- mediaQuery: {
352
- sm: number;
353
- lg: number;
354
- };
355
- };
356
- d2: {
357
- mediaQuery: {
358
- sm: number;
359
- lg: number;
360
- };
361
- };
362
- d3: {
363
- mediaQuery: {
364
- sm: number;
365
- lg: number;
366
- };
367
- };
368
- d4: {
369
- mediaQuery: {
370
- sm: number;
371
- lg: number;
372
- };
373
- };
374
- "4xl": {
375
- mediaQuery: {
376
- sm: number;
377
- lg: number;
378
- };
379
- };
380
- "3xl": {
381
- mediaQuery: {
382
- sm: number;
383
- lg: number;
384
- };
385
- };
386
- "2xl": {
387
- mediaQuery: {
388
- sm: number;
389
- lg: number;
390
- };
391
- };
392
- xl: {
393
- mediaQuery: {
394
- sm: number;
395
- lg: number;
396
- };
397
- };
398
- lg: {
399
- mediaQuery: {
400
- sm: number;
401
- lg: number;
402
- };
403
- };
404
- md: {
405
- mediaQuery: {
406
- sm: number;
407
- lg: number;
408
- };
409
- };
410
- sm: {
411
- mediaQuery: {
412
- sm: number;
413
- lg: number;
414
- };
415
- };
416
- xs: {
417
- mediaQuery: {
418
- sm: number;
419
- lg: number;
420
- };
421
- };
422
- };
423
- size: {
424
- d1: {
425
- mediaQuery: {
426
- sm: number;
427
- lg: number;
428
- };
429
- };
430
- d2: {
431
- mediaQuery: {
432
- sm: number;
433
- lg: number;
434
- };
435
- };
436
- d3: {
437
- mediaQuery: {
438
- sm: number;
439
- lg: number;
440
- };
441
- };
442
- d4: {
443
- mediaQuery: {
444
- sm: number;
445
- lg: number;
446
- };
447
- };
448
- "4xl": {
449
- mediaQuery: {
450
- sm: number;
451
- lg: number;
452
- };
453
- };
454
- "3xl": {
455
- mediaQuery: {
456
- sm: number;
457
- lg: number;
458
- };
459
- };
460
- "2xl": {
461
- mediaQuery: {
462
- sm: number;
463
- lg: number;
464
- };
465
- };
466
- xl: {
467
- mediaQuery: {
468
- sm: number;
469
- lg: number;
470
- };
471
- };
472
- lg: {
473
- mediaQuery: {
474
- sm: number;
475
- lg: number;
476
- };
477
- };
478
- md: {
479
- mediaQuery: {
480
- sm: number;
481
- lg: number;
482
- };
483
- };
484
- sm: {
485
- mediaQuery: {
486
- sm: number;
487
- lg: number;
488
- };
489
- };
490
- xs: {
491
- mediaQuery: {
492
- sm: number;
493
- lg: number;
494
- };
495
- };
496
- };
497
- weight: {
498
- book: number;
499
- bold: number;
500
- black: number;
501
- };
502
- };
503
- mediaQuery: {
504
- xsmall: number;
505
- small: number;
506
- medium: number;
507
- large: number;
508
- };
509
- customMediaQuery: {
510
- "xsmall-and-up": number;
511
- "small-and-up": number;
512
- "medium-and-up": number;
513
- "large-and-up": number;
514
- };
515
- opacity: {
516
- solid: number;
517
- translucent: number;
518
- transparent: number;
519
- };
520
- space: {
521
- "0": number;
522
- "25": number;
523
- "50": number;
524
- "100": number;
525
- "150": number;
526
- "200": number;
527
- "250": number;
528
- "300": number;
529
- "350": number;
530
- "400": number;
531
- "450": number;
532
- "500": number;
533
- "550": number;
534
- "600": number;
535
- "700": number;
536
- "800": number;
537
- "900": number;
538
- "1000": number;
539
- "1100": number;
540
- "1200": number;
541
- "1300": number;
542
- "1400": number;
543
- "1500": number;
544
- "1600": number;
545
- "1800": number;
546
- "2000": number;
547
- "2400": number;
548
- "3000": number;
549
- "3500": number;
550
- base: number;
551
- };
552
- button: {
553
- color: {
554
- focus: {
555
- blue: string;
556
- white: string;
557
- };
558
- };
559
- surface: {
560
- color: {
561
- fg: string;
562
- bg: string;
563
- bgVariant: string;
564
- bgHover: string;
565
- fgInverted: string;
566
- bgInverted: string;
567
- bgInvertedHover: string;
568
- };
569
- };
570
- destructive: {
571
- color: {
572
- fg: string;
573
- bg: string;
574
- bgHover: string;
575
- };
576
- };
577
- };
578
- input: {
579
- color: {
580
- label: string;
581
- border: string;
582
- borderError: string;
583
- hint: string;
584
- selected: string;
585
- selectedTint: string;
586
- };
587
- };
588
- }, MProps, never>;
14
+ declare const StyledMargin: import("styled-components").StyledComponent<typeof import("react-native").View, import("@ovotech/element-core").ThemeNative, MProps, never>;
589
15
  type Props = Omit<ComponentProps<typeof StyledMargin>, 'mTop' | 'mBottom' | 'mLeft' | 'mRight' | 'breakpoints'> & {
590
16
  top?: SpaceKey | SpaceKey[];
591
17
  bottom?: SpaceKey | SpaceKey[];