@ovotech/element-native 2.0.4 → 2.2.0-canary-1cac2ba-73

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 (183) hide show
  1. package/dist/components/Accordion/Accordion.js +23 -22
  2. package/dist/components/Accordion/Icon.js +7 -10
  3. package/dist/components/Accordion/styles.d.ts +688 -46
  4. package/dist/components/Accordion/styles.js +56 -49
  5. package/dist/components/Accordion/types.d.ts +1 -0
  6. package/dist/components/Badge/Badge.d.ts +238 -8
  7. package/dist/components/Badge/Badge.js +35 -14
  8. package/dist/components/CTAButton/CTAButton.d.ts +7 -12
  9. package/dist/components/CTAButton/CTAButton.js +18 -19
  10. package/dist/components/CTALink/CTALink.d.ts +3 -4
  11. package/dist/components/Card/Card.d.ts +228 -5
  12. package/dist/components/Card/Card.js +5 -25
  13. package/dist/components/Checkbox/Checkbox.js +19 -26
  14. package/dist/components/DataTable/DataTable.d.ts +3 -12
  15. package/dist/components/DataTable/DataTable.js +8 -71
  16. package/dist/components/DataTable/TableRow.d.ts +2 -0
  17. package/dist/components/DataTable/TableRow.js +33 -0
  18. package/dist/components/DataTable/index.d.ts +2 -0
  19. package/dist/components/DataTable/index.js +16 -0
  20. package/dist/components/DataTable/styles.d.ts +2517 -0
  21. package/dist/components/DataTable/styles.js +77 -0
  22. package/dist/components/DataTable/types.d.ts +15 -0
  23. package/dist/components/DataTable/types.js +2 -0
  24. package/dist/components/DateField/DateField.js +9 -9
  25. package/dist/components/DescriptionList/DescriptionList.d.ts +10 -0
  26. package/dist/components/DescriptionList/DescriptionList.js +66 -0
  27. package/dist/components/DescriptionList/index.d.ts +1 -0
  28. package/dist/components/DescriptionList/index.js +6 -0
  29. package/dist/components/DescriptionList/styled.d.ts +241 -0
  30. package/dist/components/DescriptionList/styled.js +88 -0
  31. package/dist/components/Disclosure/Disclosure.js +7 -10
  32. package/dist/components/Divider/Divider.d.ts +5 -0
  33. package/dist/components/Divider/Divider.js +45 -0
  34. package/dist/components/Divider/index.d.ts +1 -0
  35. package/dist/components/Divider/index.js +5 -0
  36. package/dist/components/ErrorSummaryNotification/ErrorSummaryNotification.d.ts +1 -1
  37. package/dist/components/ErrorText/ErrorText.d.ts +228 -1
  38. package/dist/components/ErrorText/ErrorText.js +1 -1
  39. package/dist/components/Field/Field.js +3 -3
  40. package/dist/components/Grid/Col.d.ts +229 -2
  41. package/dist/components/Grid/Row.d.ts +228 -1
  42. package/dist/components/Heading/Heading.js +8 -24
  43. package/dist/components/HintText/HintText.d.ts +228 -1
  44. package/dist/components/HintText/HintText.js +1 -1
  45. package/dist/components/Icon/Icon.d.ts +2 -3
  46. package/dist/components/Icon/Icon.js +2 -2
  47. package/dist/components/Input/CurrencyInput.d.ts +2 -1
  48. package/dist/components/Input/EmailInput.d.ts +2 -1
  49. package/dist/components/Input/Input.d.ts +4 -2
  50. package/dist/components/Input/Input.js +16 -18
  51. package/dist/components/Input/NumberInput.d.ts +2 -1
  52. package/dist/components/Input/PasswordInput.d.ts +4 -1
  53. package/dist/components/Input/PasswordInput.js +4 -2
  54. package/dist/components/Input/PasswordInput.styled.d.ts +231 -0
  55. package/dist/components/Input/PasswordInput.styled.js +37 -0
  56. package/dist/components/Input/PasswordVisibilityToggle.d.ts +11 -0
  57. package/dist/components/Input/PasswordVisibilityToggle.js +51 -0
  58. package/dist/components/Input/{TelInput.d.ts → PhoneInput.d.ts} +3 -2
  59. package/dist/components/Input/{TelInput.js → PhoneInput.js} +3 -3
  60. package/dist/components/Input/TextInput.d.ts +2 -1
  61. package/dist/components/Input/TextareaInput.d.ts +2 -1
  62. package/dist/components/Input/TextareaInput.js +11 -9
  63. package/dist/components/Input/index.d.ts +1 -1
  64. package/dist/components/Input/index.js +3 -3
  65. package/dist/components/LabelText/LabelText.d.ts +228 -1
  66. package/dist/components/LabelText/LabelText.js +1 -1
  67. package/dist/components/List/List.d.ts +706 -3
  68. package/dist/components/List/List.js +18 -5
  69. package/dist/components/Margin/Margin.d.ts +228 -1
  70. package/dist/components/NavHeader/NavHeader.d.ts +1 -0
  71. package/dist/components/NavHeader/NavHeader.js +11 -13
  72. package/dist/components/Notification/Notification.d.ts +466 -20
  73. package/dist/components/Notification/Notification.js +32 -44
  74. package/dist/components/Radio/Radio.js +18 -36
  75. package/dist/components/SelectField/Select.d.ts +244 -0
  76. package/dist/components/SelectField/Select.js +101 -0
  77. package/dist/components/SelectField/SelectField.d.ts +7 -0
  78. package/dist/components/SelectField/SelectField.js +38 -0
  79. package/dist/components/SelectField/index.d.ts +1 -0
  80. package/dist/components/SelectField/index.js +5 -0
  81. package/dist/components/SkeletonLoading/Skeleton.d.ts +228 -1
  82. package/dist/components/SkeletonLoading/SkeletonAnimation.d.ts +6 -0
  83. package/dist/components/SkeletonLoading/SkeletonAnimation.js +57 -0
  84. package/dist/components/SkeletonLoading/SkeletonCTA.js +3 -1
  85. package/dist/components/SkeletonLoading/SkeletonCircle.js +4 -2
  86. package/dist/components/SkeletonLoading/SkeletonHeading.js +3 -1
  87. package/dist/components/SkeletonLoading/SkeletonText.js +2 -2
  88. package/dist/components/SubLabelText/SubLabelText.d.ts +228 -1
  89. package/dist/components/SubLabelText/SubLabelText.js +1 -1
  90. package/dist/components/SummaryList/SummaryList.d.ts +4 -0
  91. package/dist/components/SummaryList/SummaryList.js +5 -0
  92. package/dist/components/Tabs/Tab.js +22 -19
  93. package/dist/components/Tabs/TabList.d.ts +11 -1
  94. package/dist/components/Tabs/TabList.js +19 -16
  95. package/dist/components/Tabs/TabPanel.js +32 -6
  96. package/dist/components/Tabs/Tabs.d.ts +8 -6
  97. package/dist/components/Tabs/Tabs.js +10 -6
  98. package/dist/components/Text/Text.d.ts +1140 -5
  99. package/dist/components/Text/Text.js +6 -10
  100. package/dist/components/TextField/CurrencyField.d.ts +2 -1
  101. package/dist/components/TextField/EmailField.d.ts +2 -1
  102. package/dist/components/TextField/NumberField.d.ts +2 -1
  103. package/dist/components/TextField/PasswordField.d.ts +4 -1
  104. package/dist/components/TextField/PasswordField.js +2 -2
  105. package/dist/components/TextField/PhoneField.d.ts +10 -0
  106. package/dist/components/TextField/PhoneField.js +56 -0
  107. package/dist/components/TextField/TelField.d.ts +6 -1
  108. package/dist/components/TextField/TelField.js +7 -2
  109. package/dist/components/TextField/TextField.d.ts +2 -1
  110. package/dist/components/TextField/TextareaField.d.ts +2 -1
  111. package/dist/components/TextField/index.d.ts +1 -0
  112. package/dist/components/TextField/index.js +3 -1
  113. package/dist/components/TextLink/TextLink.js +2 -2
  114. package/dist/components/index.d.ts +3 -0
  115. package/dist/components/index.js +3 -0
  116. package/dist/esm/components/Accordion/Accordion.js +26 -25
  117. package/dist/esm/components/Accordion/Icon.js +8 -8
  118. package/dist/esm/components/Accordion/styles.js +29 -48
  119. package/dist/esm/components/Badge/Badge.js +35 -14
  120. package/dist/esm/components/CTAButton/CTAButton.js +20 -21
  121. package/dist/esm/components/Card/Card.js +5 -25
  122. package/dist/esm/components/Checkbox/Checkbox.js +17 -27
  123. package/dist/esm/components/DataTable/DataTable.js +3 -66
  124. package/dist/esm/components/DataTable/TableRow.js +26 -0
  125. package/dist/esm/components/DataTable/index.js +2 -0
  126. package/dist/esm/components/DataTable/styles.js +51 -0
  127. package/dist/esm/components/DataTable/types.js +1 -0
  128. package/dist/esm/components/DateField/DateField.js +9 -9
  129. package/dist/esm/components/DescriptionList/DescriptionList.js +39 -0
  130. package/dist/esm/components/DescriptionList/index.js +1 -0
  131. package/dist/esm/components/DescriptionList/styled.js +57 -0
  132. package/dist/esm/components/Disclosure/Disclosure.js +9 -12
  133. package/dist/esm/components/Divider/Divider.js +15 -0
  134. package/dist/esm/components/Divider/index.js +1 -0
  135. package/dist/esm/components/ErrorText/ErrorText.js +1 -1
  136. package/dist/esm/components/Field/Field.js +3 -3
  137. package/dist/esm/components/Heading/Heading.js +8 -24
  138. package/dist/esm/components/HintText/HintText.js +1 -1
  139. package/dist/esm/components/Icon/Icon.js +2 -2
  140. package/dist/esm/components/Input/Input.js +18 -20
  141. package/dist/esm/components/Input/PasswordInput.js +4 -2
  142. package/dist/esm/components/Input/PasswordInput.styled.js +11 -0
  143. package/dist/esm/components/Input/PasswordVisibilityToggle.js +23 -0
  144. package/dist/esm/components/Input/{TelInput.js → PhoneInput.js} +2 -2
  145. package/dist/esm/components/Input/TextareaInput.js +11 -9
  146. package/dist/esm/components/Input/index.js +1 -1
  147. package/dist/esm/components/LabelText/LabelText.js +1 -1
  148. package/dist/esm/components/List/List.js +17 -5
  149. package/dist/esm/components/NavHeader/NavHeader.js +12 -14
  150. package/dist/esm/components/Notification/Notification.js +34 -46
  151. package/dist/esm/components/Radio/Radio.js +18 -36
  152. package/dist/esm/components/SelectField/Select.js +74 -0
  153. package/dist/esm/components/SelectField/SelectField.js +31 -0
  154. package/dist/esm/components/SelectField/index.js +1 -0
  155. package/dist/esm/components/SkeletonLoading/SkeletonAnimation.js +30 -0
  156. package/dist/esm/components/SkeletonLoading/SkeletonCTA.js +3 -1
  157. package/dist/esm/components/SkeletonLoading/SkeletonCircle.js +4 -2
  158. package/dist/esm/components/SkeletonLoading/SkeletonHeading.js +3 -1
  159. package/dist/esm/components/SkeletonLoading/SkeletonText.js +2 -2
  160. package/dist/esm/components/SubLabelText/SubLabelText.js +1 -1
  161. package/dist/esm/components/SummaryList/SummaryList.js +5 -0
  162. package/dist/esm/components/Tabs/Tab.js +22 -16
  163. package/dist/esm/components/Tabs/TabList.js +18 -16
  164. package/dist/esm/components/Tabs/TabPanel.js +9 -6
  165. package/dist/esm/components/Tabs/Tabs.js +9 -6
  166. package/dist/esm/components/Text/Text.js +6 -10
  167. package/dist/esm/components/TextField/PasswordField.js +2 -2
  168. package/dist/esm/components/TextField/PhoneField.js +30 -0
  169. package/dist/esm/components/TextField/TelField.js +7 -2
  170. package/dist/esm/components/TextField/index.js +1 -0
  171. package/dist/esm/components/TextLink/TextLink.js +2 -2
  172. package/dist/esm/components/index.js +3 -0
  173. package/dist/esm/providers/icons/Logo.js +6 -3
  174. package/dist/esm/theme/create-theme.js +2 -176
  175. package/dist/esm/theme/index.js +13 -2
  176. package/dist/providers/icons/Logo.js +5 -2
  177. package/dist/styled.native.d.ts +1363 -1
  178. package/dist/theme/create-theme.d.ts +1 -1
  179. package/dist/theme/create-theme.js +2 -176
  180. package/dist/theme/index.d.ts +228 -2
  181. package/dist/theme/index.js +13 -2
  182. package/dist/theme/theme.d.ts +1 -110
  183. package/package.json +12 -10
@@ -1,7 +1,3 @@
1
- import { BadgeVariantName, BadgeVariant } from '../components/Badge/Badge';
2
- import { CTAVariantName, CTAVariant } from '../components/CTAButton/CTAButton';
3
- import { NotificationVariant, NotificationVariantName } from '../components/Notification/Notification';
4
- import { IconName } from '../providers';
5
1
  declare type Shadow = {
6
2
  color: string;
7
3
  offset: string;
@@ -24,32 +20,8 @@ export declare type Theme = {
24
20
  radii: Record<'small' | 'medium' | 'large', string>;
25
21
  shadows: Record<'standard', Shadow>;
26
22
  borderWidths: Record<'standard' | 'heavy' | 'heavier', string>;
27
- fontWeights: Record<'normal' | 'bold' | 'semiBold' | 'heading', number>;
28
- badge: {
29
- fontWeight: number;
30
- fontFamily: string;
31
- lineHeight: number;
32
- paddingHorizontal: string;
33
- borderRadius: string;
34
- fontSize: string[];
35
- variants: Record<BadgeVariantName, BadgeVariant>;
36
- };
37
- cta: {
38
- fontSize: string[];
39
- fontWeight: number;
40
- fontFamily: string;
41
- lineHeight: number;
42
- paddingVertical: string;
43
- paddingHorizontal: string;
44
- borderRadius: number | string;
45
- borderWidth: string;
46
- iconGap: string;
47
- minHeight: string;
48
- variants: Record<CTAVariantName, CTAVariant>;
49
- };
50
23
  text: {
51
24
  fontFamily: string;
52
- fontWeight: number;
53
25
  lineHeight: number;
54
26
  color: string;
55
27
  p: {
@@ -63,7 +35,6 @@ export declare type Theme = {
63
35
  lineHeight: string[];
64
36
  };
65
37
  strong: {
66
- fontWeight: number;
67
38
  fontFamily: string;
68
39
  };
69
40
  };
@@ -79,7 +50,6 @@ export declare type Theme = {
79
50
  bulletWidth: string;
80
51
  };
81
52
  descriptionTerm: {
82
- fontWeight: number | string;
83
53
  fontFamily: string;
84
54
  color: string;
85
55
  marginTop: string[];
@@ -87,55 +57,35 @@ export declare type Theme = {
87
57
  };
88
58
  };
89
59
  textLink: {
60
+ fontFamily: string;
90
61
  color: string;
91
- fontWeight: number;
92
62
  };
93
63
  heading: {
94
64
  fontFamily: string;
95
- fontWeight: number;
96
65
  color: string;
97
66
  heading1: {
98
67
  fontSize: string[];
99
68
  lineHeight: string[];
100
69
  marginTop: string[];
101
70
  marginBottom: string[];
102
- fontWeight?: number;
103
71
  };
104
72
  heading2: {
105
73
  fontSize: string[];
106
74
  lineHeight: string[];
107
75
  marginTop: string[];
108
76
  marginBottom: string[];
109
- fontWeight?: number;
110
77
  };
111
78
  heading3: {
112
79
  fontSize: string[];
113
80
  lineHeight: string[];
114
81
  marginTop: string[];
115
82
  marginBottom: string[];
116
- fontWeight?: number;
117
83
  };
118
84
  heading4: {
119
85
  fontSize: string[];
120
86
  lineHeight: string[];
121
87
  marginTop: string[];
122
88
  marginBottom: string[];
123
- fontWeight?: number;
124
- };
125
- };
126
- notification: {
127
- borderRadius: string;
128
- borderWidth: string;
129
- borderColor: string;
130
- background: string;
131
- paddingX: string[];
132
- paddingY: string[];
133
- variants: Record<NotificationVariantName, NotificationVariant>;
134
- dismiss: {
135
- icon: IconName;
136
- size: string;
137
- color: string;
138
- touchSize: string;
139
89
  };
140
90
  };
141
91
  radio: {
@@ -170,7 +120,6 @@ export declare type Theme = {
170
120
  fontSize: string[];
171
121
  color: string;
172
122
  lineHeight: number;
173
- fontWeight: number;
174
123
  height: string;
175
124
  borderColor: string;
176
125
  borderWidth: string;
@@ -197,21 +146,17 @@ export declare type Theme = {
197
146
  dateWidth: string;
198
147
  gap: string;
199
148
  error: {
200
- fontWeight: number;
201
149
  fontFamily: string;
202
150
  color: string;
203
151
  };
204
152
  hint: {
205
- fontWeight: number;
206
153
  color: string;
207
154
  };
208
155
  label: {
209
- fontWeight: number;
210
156
  fontFamily: string;
211
157
  color: string;
212
158
  };
213
159
  subLabel: {
214
- fontWeight: number;
215
160
  color: string;
216
161
  };
217
162
  legend: {
@@ -236,35 +181,6 @@ export declare type Theme = {
236
181
  maxWidth: string;
237
182
  gutter: string[];
238
183
  };
239
- dataTable: {
240
- borderWidth: string;
241
- borderRadius: string;
242
- borderColor: string;
243
- responsivePadding: {
244
- vertical: [string, string];
245
- horizontal: [string, string];
246
- };
247
- tableHeader: {
248
- color: string;
249
- backgroundColor: string;
250
- borderWidth: string;
251
- borderColor: string;
252
- fontWeight: number;
253
- fontFamily: string;
254
- };
255
- tableCaption: {
256
- color: string;
257
- fontWeight: number;
258
- fontFamily: string;
259
- };
260
- tableCell: {
261
- color: string;
262
- };
263
- tableRow: {
264
- backgroundColor: string;
265
- stripeColor: string;
266
- };
267
- };
268
184
  accordion: {
269
185
  header: {
270
186
  color: string;
@@ -273,30 +189,5 @@ export declare type Theme = {
273
189
  paddingVertical: string[];
274
190
  };
275
191
  };
276
- tabs: {
277
- tab: {
278
- fontSize: string[];
279
- fontWeight: number;
280
- fontFamily: string;
281
- lineHeight: number;
282
- borderTopWidth: string;
283
- borderBottomWidth: string;
284
- borderColor: string;
285
- paddingVertical: string[];
286
- paddingHorizontal: string[];
287
- active: {
288
- backgroundColor: string;
289
- foregroundColor: string;
290
- borderColor: string;
291
- };
292
- inactive: {
293
- backgroundColor: string;
294
- foregroundColor: string;
295
- };
296
- hover: {
297
- foregroundColor: string;
298
- };
299
- };
300
- };
301
192
  };
302
193
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ovotech/element-native",
3
- "version": "2.0.4",
3
+ "version": "2.2.0-canary-1cac2ba-73",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -12,16 +12,20 @@
12
12
  "type": "git",
13
13
  "url": "@ovotech/element"
14
14
  },
15
+ "dependencies": {
16
+ "@ovotech/element-core": "^1.1.0",
17
+ "deepmerge": "^4.2.2"
18
+ },
15
19
  "devDependencies": {
16
20
  "@babel/core": "^7.11.5",
17
- "@storybook/react-native": "^5.3.25",
18
21
  "@testing-library/dom": "^8.20.0",
19
22
  "@testing-library/react": "^13.4.0",
20
23
  "@testing-library/react-native": "^11.5.2",
21
24
  "@testing-library/user-event": "^14.4.3",
22
- "@types/jest": "^25.1.4",
25
+ "@types/jest": "^28.1.1",
23
26
  "@types/react": "18.0.24",
24
- "@types/react-native": "^0.70.6",
27
+ "@types/react-is": "^18.2.0",
28
+ "@types/react-native": "^0.72.0",
25
29
  "@types/react-router-dom": "^5.1.5",
26
30
  "@types/styled-components": "^5.1.3",
27
31
  "@types/styled-components-react-native": "^5.1.1",
@@ -29,10 +33,10 @@
29
33
  "babel-plugin-require-context-hook": "^1.0.0",
30
34
  "jest": "^28.1.1",
31
35
  "jest-styled-components": "^7.0.3",
32
- "metro-react-native-babel-preset": "^0.75.0",
36
+ "metro-react-native-babel-preset": "^0.76.0",
33
37
  "react": "18.2.0",
34
38
  "react-is": "^16.13.0",
35
- "react-native": "0.70.4",
39
+ "react-native": "0.72.3",
36
40
  "react-native-reanimated": "^2.10.0",
37
41
  "react-native-svg": "9.2.4",
38
42
  "react-router-dom": "^5.1.2",
@@ -44,14 +48,12 @@
44
48
  },
45
49
  "peerDependencies": {
46
50
  "react": "^16.9.0 || ^17.0.0",
47
- "react-native": "^0.63.3",
51
+ "react-native": "^0.63.3 || ^0.71.0 || ^0.72.0",
48
52
  "react-native-reanimated": "^2.10.0",
49
53
  "react-native-svg": "^13.5.0",
50
54
  "styled-components": "^5.1.3"
51
55
  },
52
- "dependencies": {
53
- "deepmerge": "^4.2.2"
54
- },
56
+ "sideEffects": false,
55
57
  "scripts": {
56
58
  "build": "tsc && tsc --module ES6 --outDir dist/esm --declaration false",
57
59
  "quickbuild": "tsc --module ES6 --outDir dist/esm --declaration false",