@tactics/toddle-styleguide 5.2.2 → 5.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (186) hide show
  1. package/App.tsx +11 -19
  2. package/app.json +8 -4
  3. package/index.tsx +2 -4
  4. package/package.json +55 -27
  5. package/src/components/atoms/calendar/calendar.component.tsx +10 -6
  6. package/src/components/atoms/calendar/calendar.preview.tsx +4 -3
  7. package/src/components/molecules/amount/amount.component.tsx +5 -4
  8. package/src/components/molecules/calendar-select/calendar-select.component.d.ts +4 -4
  9. package/src/components/molecules/calendar-select/calendar-select.component.tsx +17 -16
  10. package/src/components/molecules/calendar-select/calendar-select.preview.tsx +16 -5
  11. package/src/components/molecules/contact-address/contact-address.component.d.ts +8 -0
  12. package/src/components/molecules/contact-address/contact-address.component.tsx +20 -0
  13. package/src/components/molecules/contact-address/contact-address.preview.d.ts +2 -0
  14. package/src/components/molecules/contact-address/contact-address.preview.tsx +17 -0
  15. package/src/components/molecules/contact-address/contact-address.styles.d.ts +7 -0
  16. package/src/components/molecules/contact-address/contact-address.styles.js +10 -0
  17. package/src/components/molecules/date-input/date-input.component.d.ts +2 -2
  18. package/src/components/molecules/date-input/date-input.component.tsx +3 -3
  19. package/src/components/molecules/date-input/date-input.preview.tsx +5 -5
  20. package/src/components/molecules/day/day.component.d.ts +3 -3
  21. package/src/components/molecules/day/day.component.tsx +22 -17
  22. package/src/components/molecules/selectable-list-item/selectable-list-item.component.tsx +12 -7
  23. package/src/components/molecules/timestamp/timestamp.component.d.ts +2 -2
  24. package/src/components/molecules/timestamp/timestamp.component.tsx +12 -5
  25. package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.component.d.ts +2 -2
  26. package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.component.tsx +5 -5
  27. package/src/components/organisms/journal-entry/journal-entry.component.d.ts +3 -3
  28. package/src/components/organisms/journal-entry/journal-entry.component.tsx +7 -3
  29. package/src/components/organisms/journal-entry/journal-entry.preview.tsx +7 -3
  30. package/src/components/organisms/person-info-card/person-info-card.component.tsx +8 -2
  31. package/src/components/organisms/person-info-card/person-info-card.preview.tsx +3 -0
  32. package/src/components/organisms/person-info-card/person-info-card.styles.d.ts +4 -0
  33. package/src/components/organisms/person-info-card/person-info-card.styles.js +4 -0
  34. package/src/components/organisms/text-bubble/text-bubble.component.d.ts +2 -2
  35. package/src/components/organisms/text-bubble/text-bubble.component.tsx +6 -3
  36. package/src/components/organisms/text-bubble/text-bubble.preview.tsx +19 -7
  37. package/src/components/templates/popover-action/popover-action.component.tsx +9 -8
  38. package/src/icons/solid/cloud-download/cloud-download.icon.tsx +1 -1
  39. package/src/icons/solid/refresh/refresh-solid.icon.tsx +2 -2
  40. package/src/utilities/datetime/clock.class.tsx +14 -0
  41. package/src/utilities/datetime/dateonly.class.tsx +287 -0
  42. package/src/utilities/datetime/datetime.class.tsx +288 -0
  43. package/src/utilities/datetime/day.class.tsx +48 -0
  44. package/src/utilities/datetime/dayjs-config.ts +96 -0
  45. package/src/utilities/datetime/dayoftheweek.class.tsx +242 -0
  46. package/src/utilities/datetime/hour.class.tsx +60 -0
  47. package/src/utilities/datetime/locale.tsx +6 -0
  48. package/src/utilities/datetime/millisecond.class.tsx +48 -0
  49. package/src/utilities/datetime/minute.class.tsx +55 -0
  50. package/src/utilities/datetime/month.class.tsx +74 -0
  51. package/src/utilities/datetime/second.class.tsx +52 -0
  52. package/src/utilities/datetime/time.class.tsx +190 -0
  53. package/src/utilities/datetime/timezone.class.tsx +36 -0
  54. package/src/utilities/datetime/year.class.tsx +78 -0
  55. package/src/utilities/datetime/yearandmonth.class.tsx +80 -0
  56. package/src/components/atoms/background-gradient/__snapshots__/background-gradient.test.js.snap +0 -40
  57. package/src/components/atoms/background-gradient/background-gradient.test.js +0 -10
  58. package/src/components/atoms/calendar/__snapshots__/calendar.test.js.snap +0 -6817
  59. package/src/components/atoms/calendar/calendar.test.js +0 -35
  60. package/src/components/atoms/check-switch/__snapshots__/check-switch.test.js.snap +0 -84
  61. package/src/components/atoms/check-switch/check-switch.test.js +0 -13
  62. package/src/components/atoms/heading-components/all-caps-heading/__snapshots__/all-caps-heading.test.js.snap +0 -113
  63. package/src/components/atoms/heading-components/all-caps-heading/all-caps-heading.test.js +0 -44
  64. package/src/components/atoms/heading-components/heading1/__snapshots__/heading1.test.js.snap +0 -121
  65. package/src/components/atoms/heading-components/heading1/heading1.test.js +0 -51
  66. package/src/components/atoms/heading-components/heading2/__snapshots__/heading2.test.js.snap +0 -121
  67. package/src/components/atoms/heading-components/heading2/heading2.test.js +0 -51
  68. package/src/components/atoms/heading-components/heading3/__snapshots__/heading3.test.js.snap +0 -121
  69. package/src/components/atoms/heading-components/heading3/heading3.test.js +0 -51
  70. package/src/components/atoms/heading-components/heading4/__snapshots__/heading4.test.js.snap +0 -121
  71. package/src/components/atoms/heading-components/heading4/heading4.test.js +0 -51
  72. package/src/components/atoms/image-bubble/__snapshots__/image-bubble.test.js.snap +0 -67
  73. package/src/components/atoms/image-bubble/image-bubble.test.js +0 -20
  74. package/src/components/atoms/increment-input/__snapshots__/increment-input.test.js.snap +0 -269
  75. package/src/components/atoms/increment-input/increment-input.test.js +0 -14
  76. package/src/components/atoms/logo/__snapshots__/logo.test.js.snap +0 -113
  77. package/src/components/atoms/logo/logo.test.js +0 -16
  78. package/src/components/atoms/paragraph-components/paragraph/__snapshots__/paragraph.test.js.snap +0 -121
  79. package/src/components/atoms/paragraph-components/paragraph/paragraph.test.js +0 -76
  80. package/src/components/atoms/paragraph-components/small-text/__snapshots__/small-text.test.js.snap +0 -121
  81. package/src/components/atoms/paragraph-components/small-text/small-text.test.js +0 -76
  82. package/src/components/atoms/paragraph-components/tiny-text/__snapshots__/tiny-text.test.js.snap +0 -121
  83. package/src/components/atoms/paragraph-components/tiny-text/tiny-text.test.js +0 -76
  84. package/src/components/atoms/quick-message/__snapshots__/quick-message.test.js.snap +0 -143
  85. package/src/components/atoms/quick-message/quick-message.test.js +0 -58
  86. package/src/components/atoms/split-container/__snapshots__/split-container.test.js.snap +0 -333
  87. package/src/components/atoms/split-container/split-container.test.js +0 -45
  88. package/src/components/atoms/text-input/__snapshots__/text-input.test.js.snap +0 -123
  89. package/src/components/atoms/text-input/text-input.test.js +0 -59
  90. package/src/components/molecules/avatar/__snapshots__/avatar.test.js.snap +0 -97
  91. package/src/components/molecules/avatar/avatar.test.js +0 -22
  92. package/src/components/molecules/blocked-message/__snapshots__/blocked-message.test.js.snap +0 -107
  93. package/src/components/molecules/blocked-message/blocked-message.test.js +0 -12
  94. package/src/components/molecules/button/__snapshots__/button.test.js.snap +0 -652
  95. package/src/components/molecules/button/button.test.js +0 -56
  96. package/src/components/molecules/calendar-select/__snapshots__/calendar-select.test.js.snap +0 -343
  97. package/src/components/molecules/calendar-select/calendar-select.test.js +0 -20
  98. package/src/components/molecules/cancel-link/__snapshots__/cancel-link.test.js.snap +0 -139
  99. package/src/components/molecules/cancel-link/cancel-link.test.js +0 -28
  100. package/src/components/molecules/checkbox/__snapshots__/checkbox.test.js.snap +0 -176
  101. package/src/components/molecules/checkbox/checkbox.test.js +0 -30
  102. package/src/components/molecules/contact-role/__snapshots__/contact-role.test.js.snap +0 -113
  103. package/src/components/molecules/contact-role/contact-role.test.js +0 -18
  104. package/src/components/molecules/date-input/__snapshots__/date-input.test.js.snap +0 -140
  105. package/src/components/molecules/date-input/date-input.test.js +0 -23
  106. package/src/components/molecules/day/__snapshots__/day.test.js.snap +0 -263
  107. package/src/components/molecules/day/day.test.js +0 -37
  108. package/src/components/molecules/default-select/__snapshots__/default-select.test.js.snap +0 -140
  109. package/src/components/molecules/default-select/default-select.test.js +0 -17
  110. package/src/components/molecules/department_logo/__snapshots__/department-logo.test.js.snap +0 -27
  111. package/src/components/molecules/department_logo/department-logo.test.js +0 -12
  112. package/src/components/molecules/failed-to-send/__snapshots__/failed-bubble.test.js.snap +0 -386
  113. package/src/components/molecules/failed-to-send/failed-bubble.test.js +0 -75
  114. package/src/components/molecules/filter-range/__snapshots__/filter-range.test.js.snap +0 -208
  115. package/src/components/molecules/filter-range/filter-range.test.js +0 -20
  116. package/src/components/molecules/filter-tab/__snapshots__/filter-tab.test.js.snap +0 -536
  117. package/src/components/molecules/filter-tab/filter-tab.test.js +0 -42
  118. package/src/components/molecules/info/__snapshots__/info.test.js.snap +0 -64
  119. package/src/components/molecules/info/info.test.js +0 -18
  120. package/src/components/molecules/language-button/__snapshots__/language-button.test.js.snap +0 -129
  121. package/src/components/molecules/language-button/language-button.test.js +0 -29
  122. package/src/components/molecules/message-input/__snapshots__/message-input.test.js.snap +0 -611
  123. package/src/components/molecules/message-input/message-input.test.js +0 -63
  124. package/src/components/molecules/more-info-button/__snapshots__/more-info-button.test.js.snap +0 -133
  125. package/src/components/molecules/more-info-button/more-info-button.test.js +0 -29
  126. package/src/components/molecules/password-input/__snapshots__/password-input.test.js.snap +0 -504
  127. package/src/components/molecules/password-input/password-input.test.js +0 -46
  128. package/src/components/molecules/pill/__snapshots__/pill.test.js.snap +0 -226
  129. package/src/components/molecules/pill/pill.test.js +0 -42
  130. package/src/components/molecules/pressable-icon/__snapshots__/pressable-icon.test.js.snap +0 -460
  131. package/src/components/molecules/pressable-icon/pressable-icon.test.js +0 -51
  132. package/src/components/molecules/quick-filter/__snapshots__/quick-filter.test.js.snap +0 -557
  133. package/src/components/molecules/quick-filter/quick-filter.test.js +0 -134
  134. package/src/components/molecules/search-input/__snapshots__/search.test.js.snap +0 -145
  135. package/src/components/molecules/search-input/search.test.js +0 -22
  136. package/src/components/molecules/select-link/__snapshots__/select-link.test.js.snap +0 -70
  137. package/src/components/molecules/select-link/select-link.test.js +0 -17
  138. package/src/components/molecules/select-list-item/__snapshots__/select-list-item.test.js.snap +0 -762
  139. package/src/components/molecules/select-list-item/select-list-item.test.js +0 -38
  140. package/src/components/molecules/select-picker/__snapshots__/select-picker.test.js.snap +0 -407
  141. package/src/components/molecules/select-picker/select-picker.test.js +0 -31
  142. package/src/components/molecules/send-bubble/__snapshots__/send-text-bubble.test.js.snap +0 -1979
  143. package/src/components/molecules/send-bubble/send-text-bubble.test.js +0 -156
  144. package/src/components/molecules/snackbar/__snapshots__/snackbar.test.js.snap +0 -557
  145. package/src/components/molecules/snackbar/snackbar.test.js +0 -35
  146. package/src/components/molecules/swipe/__snapshots__/swipe.test.js.snap +0 -340
  147. package/src/components/molecules/swipe/swipe.test.js +0 -46
  148. package/src/components/molecules/tag/__snapshots__/tag.test.js.snap +0 -139
  149. package/src/components/molecules/tag/tag.test.js +0 -34
  150. package/src/components/molecules/time-picker/__snapshots__/time-picker.test.js.snap +0 -2221
  151. package/src/components/molecules/time-picker/time-picker.test.js +0 -18
  152. package/src/components/molecules/time-tracker/__snapshots__/time-tracker.test.js.snap +0 -266
  153. package/src/components/molecules/time-tracker/time-tracker.test.js +0 -36
  154. package/src/components/molecules/timeline/__snapshots__/timeline.test.js.snap +0 -257
  155. package/src/components/molecules/timeline/timeline.test.js +0 -18
  156. package/src/components/molecules/timestamp/__snapshots__/timestamp.test.js.snap +0 -28
  157. package/src/components/molecules/timestamp/timestamp.test.js +0 -16
  158. package/src/components/molecules/wave-background/__snapshots__/wave.test.js.snap +0 -173
  159. package/src/components/molecules/wave-background/wave.test.js +0 -25
  160. package/src/components/molecules/wide-button/__snapshots__/wide-button.test.js.snap +0 -269
  161. package/src/components/molecules/wide-button/wide-button.test.js +0 -30
  162. package/src/components/organisms/child-list-item/__snapshots__/child-list-item.test.js.snap +0 -1040
  163. package/src/components/organisms/child-list-item/child-list-item.test.js +0 -75
  164. package/src/components/organisms/contact-item/__snapshots__/contact-item.test.js.snap +0 -404
  165. package/src/components/organisms/contact-item/contact-item.test.js +0 -22
  166. package/src/components/organisms/loading-indicator/__snapshots__/loading-indicator.test.js.snap +0 -474
  167. package/src/components/organisms/loading-indicator/loading-indicator.test.js +0 -41
  168. package/src/components/organisms/my-child-list-item/__snapshots__/my-child-list-item.test.js.snap +0 -293
  169. package/src/components/organisms/my-child-list-item/my-child-list-item.test.js +0 -23
  170. package/src/components/organisms/person-info-card/__snapshots__/person-info-card.test.js.snap +0 -709
  171. package/src/components/organisms/person-info-card/person-info-card.test.js +0 -85
  172. package/src/components/organisms/text-bubble/__snapshots__/text-bubble.test.js.snap +0 -3046
  173. package/src/components/organisms/text-bubble/text-bubble.test.js +0 -144
  174. package/src/utilities/toddle-datetime/interfaces/duration.interface.d.ts +0 -22
  175. package/src/utilities/toddle-datetime/interfaces/duration.interface.tsx +0 -23
  176. package/src/utilities/toddle-datetime/interfaces/toddle-datetime.interface.d.ts +0 -22
  177. package/src/utilities/toddle-datetime/interfaces/toddle-datetime.interface.tsx +0 -25
  178. package/src/utilities/toddle-datetime/toddle-datetime.class.d.ts +0 -50
  179. package/src/utilities/toddle-datetime/toddle-datetime.class.tsx +0 -206
  180. package/src/utilities/toddle-datetime/toddle-datetime.preview.d.ts +0 -2
  181. package/src/utilities/toddle-datetime/toddle-datetime.preview.tsx +0 -160
  182. package/src/utilities/toddle-datetime/toddle-datetime.test.js +0 -127
  183. package/src/utilities/toddle-datetime/types/duration.type.d.ts +0 -4
  184. package/src/utilities/toddle-datetime/types/duration.type.tsx +0 -6
  185. package/src/utilities/toddle-datetime/types/toddle-datetime.type.d.ts +0 -5
  186. package/src/utilities/toddle-datetime/types/toddle-datetime.type.tsx +0 -23
@@ -1,709 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Person info card tests renders a person info card with initials and label 1`] = `
4
- <View>
5
- <View
6
- style={
7
- {
8
- "alignItems": "center",
9
- "marginBottom": 8,
10
- }
11
- }
12
- >
13
- <View
14
- style={null}
15
- >
16
- <View
17
- style={
18
- [
19
- {
20
- "alignItems": "center",
21
- "backgroundColor": "#647ACB",
22
- "justifyContent": "center",
23
- "overflow": "hidden",
24
- },
25
- false,
26
- false,
27
- {
28
- "borderRadius": 60,
29
- "height": 120,
30
- "width": 120,
31
- },
32
- ]
33
- }
34
- >
35
- <Text
36
- style={
37
- [
38
- [
39
- {
40
- "fontFamily": "SourceSansProBold",
41
- "fontSize": 38,
42
- "lineHeight": 47.8,
43
- },
44
- ],
45
- {
46
- "color": "#FFFFFF",
47
- "textAlign": "center",
48
- "width": "100%",
49
- },
50
- {
51
- "textTransform": "uppercase",
52
- },
53
- ]
54
- }
55
- >
56
- ZD
57
- </Text>
58
- </View>
59
- </View>
60
- </View>
61
- <View
62
- style={
63
- {
64
- "alignItems": "center",
65
- "display": "flex",
66
- }
67
- }
68
- >
69
- <Text
70
- style={
71
- [
72
- [
73
- {
74
- "fontFamily": "SourceSansProBold",
75
- "fontSize": 24,
76
- "lineHeight": 30.2,
77
- },
78
- ],
79
- {
80
- "color": "#1F2933",
81
- "textAlign": "center",
82
- "width": "100%",
83
- },
84
- {
85
- "marginBottom": 4,
86
- },
87
- ]
88
- }
89
- >
90
- Zeno Driesen
91
- </Text>
92
- <Text
93
- style={
94
- [
95
- [
96
- {
97
- "fontFamily": "Montserrat",
98
- "fontSize": 13,
99
- "lineHeight": 20.4,
100
- },
101
- ],
102
- {
103
- "color": "#1F2933",
104
- "textAlign": "center",
105
- "width": "100%",
106
- },
107
- undefined,
108
- ]
109
- }
110
- >
111
- Developer
112
- </Text>
113
- </View>
114
- </View>
115
- `;
116
-
117
- exports[`Person info card tests renders a person info card with initials and label 2`] = `
118
- <View>
119
- <View
120
- style={
121
- {
122
- "alignItems": "center",
123
- "marginBottom": 8,
124
- }
125
- }
126
- >
127
- <View
128
- style={null}
129
- >
130
- <View
131
- style={
132
- [
133
- {
134
- "alignItems": "center",
135
- "backgroundColor": "#647ACB",
136
- "justifyContent": "center",
137
- "overflow": "hidden",
138
- },
139
- false,
140
- false,
141
- {
142
- "borderRadius": 60,
143
- "height": 120,
144
- "width": 120,
145
- },
146
- ]
147
- }
148
- >
149
- <Text
150
- style={
151
- [
152
- [
153
- {
154
- "fontFamily": "SourceSansProBold",
155
- "fontSize": 38,
156
- "lineHeight": 47.8,
157
- },
158
- ],
159
- {
160
- "color": "#FFFFFF",
161
- "textAlign": "center",
162
- "width": "100%",
163
- },
164
- {
165
- "textTransform": "uppercase",
166
- },
167
- ]
168
- }
169
- >
170
- ZD
171
- </Text>
172
- </View>
173
- </View>
174
- </View>
175
- <View
176
- style={
177
- {
178
- "alignItems": "center",
179
- "display": "flex",
180
- }
181
- }
182
- >
183
- <Text
184
- style={
185
- [
186
- [
187
- {
188
- "fontFamily": "SourceSansProBold",
189
- "fontSize": 24,
190
- "lineHeight": 30.2,
191
- },
192
- ],
193
- {
194
- "color": "#1F2933",
195
- "textAlign": "center",
196
- "width": "100%",
197
- },
198
- {
199
- "marginBottom": 4,
200
- },
201
- ]
202
- }
203
- >
204
- Zeno Driesen
205
- </Text>
206
- <Text
207
- style={
208
- [
209
- [
210
- {
211
- "fontFamily": "Montserrat",
212
- "fontSize": 13,
213
- "lineHeight": 20.4,
214
- },
215
- ],
216
- {
217
- "color": "#1F2933",
218
- "textAlign": "center",
219
- "width": "100%",
220
- },
221
- undefined,
222
- ]
223
- }
224
- >
225
- Developer
226
- </Text>
227
- </View>
228
- </View>
229
- `;
230
-
231
- exports[`Person info card tests renders a person info card with initials and no label 1`] = `
232
- <View>
233
- <View
234
- style={
235
- {
236
- "alignItems": "center",
237
- "marginBottom": 8,
238
- }
239
- }
240
- >
241
- <View
242
- style={null}
243
- >
244
- <View
245
- style={
246
- [
247
- {
248
- "alignItems": "center",
249
- "backgroundColor": "#647ACB",
250
- "justifyContent": "center",
251
- "overflow": "hidden",
252
- },
253
- false,
254
- false,
255
- {
256
- "borderRadius": 60,
257
- "height": 120,
258
- "width": 120,
259
- },
260
- ]
261
- }
262
- >
263
- <Text
264
- style={
265
- [
266
- [
267
- {
268
- "fontFamily": "SourceSansProBold",
269
- "fontSize": 38,
270
- "lineHeight": 47.8,
271
- },
272
- ],
273
- {
274
- "color": "#FFFFFF",
275
- "textAlign": "center",
276
- "width": "100%",
277
- },
278
- {
279
- "textTransform": "uppercase",
280
- },
281
- ]
282
- }
283
- >
284
- ZD
285
- </Text>
286
- </View>
287
- </View>
288
- </View>
289
- <View
290
- style={
291
- {
292
- "alignItems": "center",
293
- "display": "flex",
294
- }
295
- }
296
- >
297
- <Text
298
- style={
299
- [
300
- [
301
- {
302
- "fontFamily": "SourceSansProBold",
303
- "fontSize": 24,
304
- "lineHeight": 30.2,
305
- },
306
- ],
307
- {
308
- "color": "#1F2933",
309
- "textAlign": "center",
310
- "width": "100%",
311
- },
312
- {
313
- "marginBottom": 4,
314
- },
315
- ]
316
- }
317
- >
318
- Zeno Driesen
319
- </Text>
320
- <Text
321
- style={
322
- [
323
- [
324
- {
325
- "fontFamily": "Montserrat",
326
- "fontSize": 13,
327
- "lineHeight": 20.4,
328
- },
329
- ],
330
- {
331
- "color": "#1F2933",
332
- "textAlign": "center",
333
- "width": "100%",
334
- },
335
- undefined,
336
- ]
337
- }
338
- />
339
- </View>
340
- </View>
341
- `;
342
-
343
- exports[`Person info card tests renders a person info card with initials, label and is blocked 1`] = `
344
- <View>
345
- <View
346
- style={
347
- {
348
- "alignItems": "center",
349
- "marginBottom": 8,
350
- }
351
- }
352
- >
353
- <View
354
- style={null}
355
- >
356
- <View
357
- style={
358
- [
359
- {
360
- "alignItems": "center",
361
- "backgroundColor": "#F16868",
362
- "justifyContent": "center",
363
- "overflow": "hidden",
364
- },
365
- false,
366
- false,
367
- {
368
- "borderRadius": 60,
369
- "height": 120,
370
- "width": 120,
371
- },
372
- ]
373
- }
374
- >
375
- <Text
376
- style={
377
- [
378
- [
379
- {
380
- "fontFamily": "SourceSansProBold",
381
- "fontSize": 38,
382
- "lineHeight": 47.8,
383
- },
384
- ],
385
- {
386
- "color": "#FFFFFF",
387
- "textAlign": "center",
388
- "width": "100%",
389
- },
390
- {
391
- "textTransform": "uppercase",
392
- },
393
- ]
394
- }
395
- >
396
- ZD
397
- </Text>
398
- </View>
399
- </View>
400
- </View>
401
- <View
402
- style={
403
- {
404
- "alignItems": "center",
405
- "display": "flex",
406
- }
407
- }
408
- >
409
- <Text
410
- style={
411
- [
412
- [
413
- {
414
- "fontFamily": "SourceSansProBold",
415
- "fontSize": 24,
416
- "lineHeight": 30.2,
417
- },
418
- ],
419
- {
420
- "color": "#1F2933",
421
- "textAlign": "center",
422
- "width": "100%",
423
- },
424
- {
425
- "marginBottom": 4,
426
- },
427
- ]
428
- }
429
- >
430
- Zeno Driesen
431
- </Text>
432
- <Text
433
- style={
434
- [
435
- [
436
- {
437
- "fontFamily": "Montserrat",
438
- "fontSize": 13,
439
- "lineHeight": 20.4,
440
- },
441
- ],
442
- {
443
- "color": "#1F2933",
444
- "textAlign": "center",
445
- "width": "100%",
446
- },
447
- undefined,
448
- ]
449
- }
450
- >
451
- Developer
452
- </Text>
453
- </View>
454
- </View>
455
- `;
456
-
457
- exports[`Person info card tests renders a person info card with initials, label and is not active 1`] = `
458
- <View>
459
- <View
460
- style={
461
- {
462
- "alignItems": "center",
463
- "marginBottom": 8,
464
- }
465
- }
466
- >
467
- <View
468
- style={null}
469
- >
470
- <View
471
- style={
472
- [
473
- {
474
- "alignItems": "center",
475
- "backgroundColor": "#E5E8EB",
476
- "justifyContent": "center",
477
- "overflow": "hidden",
478
- },
479
- false,
480
- false,
481
- {
482
- "borderRadius": 60,
483
- "height": 120,
484
- "width": 120,
485
- },
486
- ]
487
- }
488
- >
489
- <Text
490
- style={
491
- [
492
- [
493
- {
494
- "fontFamily": "SourceSansProBold",
495
- "fontSize": 38,
496
- "lineHeight": 47.8,
497
- },
498
- ],
499
- {
500
- "color": "#FFFFFF",
501
- "textAlign": "center",
502
- "width": "100%",
503
- },
504
- {
505
- "textTransform": "uppercase",
506
- },
507
- ]
508
- }
509
- >
510
- ZD
511
- </Text>
512
- </View>
513
- </View>
514
- </View>
515
- <View
516
- style={
517
- {
518
- "alignItems": "center",
519
- "display": "flex",
520
- }
521
- }
522
- >
523
- <Text
524
- style={
525
- [
526
- [
527
- {
528
- "fontFamily": "SourceSansProBold",
529
- "fontSize": 24,
530
- "lineHeight": 30.2,
531
- },
532
- ],
533
- {
534
- "color": "#1F2933",
535
- "textAlign": "center",
536
- "width": "100%",
537
- },
538
- {
539
- "marginBottom": 4,
540
- },
541
- ]
542
- }
543
- >
544
- Zeno Driesen
545
- </Text>
546
- <Text
547
- style={
548
- [
549
- [
550
- {
551
- "fontFamily": "Montserrat",
552
- "fontSize": 13,
553
- "lineHeight": 20.4,
554
- },
555
- ],
556
- {
557
- "color": "#1F2933",
558
- "textAlign": "center",
559
- "width": "100%",
560
- },
561
- undefined,
562
- ]
563
- }
564
- >
565
- Developer
566
- </Text>
567
- </View>
568
- </View>
569
- `;
570
-
571
- exports[`Person info card tests renders a person info card with picture and label 1`] = `
572
- <View>
573
- <View
574
- style={
575
- {
576
- "alignItems": "center",
577
- "marginBottom": 8,
578
- }
579
- }
580
- >
581
- <View
582
- style={null}
583
- >
584
- <View
585
- style={
586
- [
587
- {
588
- "alignItems": "center",
589
- "backgroundColor": "#647ACB",
590
- "justifyContent": "center",
591
- "overflow": "hidden",
592
- },
593
- false,
594
- false,
595
- {
596
- "borderRadius": 60,
597
- "height": 120,
598
- "width": 120,
599
- },
600
- ]
601
- }
602
- >
603
- <ViewManagerAdapter_ExpoLinearGradient
604
- colors={
605
- [
606
- 4281681564,
607
- 4284775115,
608
- 4292481661,
609
- ]
610
- }
611
- endPoint={
612
- [
613
- 0.9,
614
- 0.9,
615
- ]
616
- }
617
- locations={
618
- [
619
- 0,
620
- 0.55,
621
- 1,
622
- ]
623
- }
624
- startPoint={
625
- [
626
- 0.1,
627
- 0.1,
628
- ]
629
- }
630
- style={
631
- [
632
- {
633
- "height": "100%",
634
- "width": "100%",
635
- },
636
- ]
637
- }
638
- />
639
- <Image
640
- source={1}
641
- style={
642
- [
643
- {
644
- "borderRadius": 50,
645
- "height": "90%",
646
- "position": "absolute",
647
- "width": "90%",
648
- },
649
- ]
650
- }
651
- />
652
- </View>
653
- </View>
654
- </View>
655
- <View
656
- style={
657
- {
658
- "alignItems": "center",
659
- "display": "flex",
660
- }
661
- }
662
- >
663
- <Text
664
- style={
665
- [
666
- [
667
- {
668
- "fontFamily": "SourceSansProBold",
669
- "fontSize": 24,
670
- "lineHeight": 30.2,
671
- },
672
- ],
673
- {
674
- "color": "#1F2933",
675
- "textAlign": "center",
676
- "width": "100%",
677
- },
678
- {
679
- "marginBottom": 4,
680
- },
681
- ]
682
- }
683
- >
684
- Zeno Driesen
685
- </Text>
686
- <Text
687
- style={
688
- [
689
- [
690
- {
691
- "fontFamily": "Montserrat",
692
- "fontSize": 13,
693
- "lineHeight": 20.4,
694
- },
695
- ],
696
- {
697
- "color": "#1F2933",
698
- "textAlign": "center",
699
- "width": "100%",
700
- },
701
- undefined,
702
- ]
703
- }
704
- >
705
- Developer
706
- </Text>
707
- </View>
708
- </View>
709
- `;