@terreno/ui 0.0.15 → 0.0.16

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 (151) hide show
  1. package/dist/DateUtilities.js +2 -2
  2. package/package.json +1 -1
  3. package/src/ActionSheet.test.tsx +77 -0
  4. package/src/Banner.test.tsx +106 -0
  5. package/src/Body.test.tsx +79 -0
  6. package/src/BooleanField.test.tsx +84 -0
  7. package/src/Button.test.tsx +160 -0
  8. package/src/Card.test.tsx +61 -0
  9. package/src/CheckBox.test.tsx +53 -0
  10. package/src/CustomSelectField.test.tsx +85 -0
  11. package/src/DataTable.test.tsx +133 -0
  12. package/src/DateTimeActionSheet.test.tsx +16 -0
  13. package/src/DateUtilities.tsx +2 -2
  14. package/src/DecimalRangeActionSheet.test.tsx +46 -0
  15. package/src/DismissButton.test.tsx +49 -0
  16. package/src/EmailField.test.tsx +106 -0
  17. package/src/ErrorBoundary.test.tsx +44 -0
  18. package/src/ErrorPage.test.tsx +44 -0
  19. package/src/Field.test.tsx +128 -0
  20. package/src/Heading.test.tsx +66 -0
  21. package/src/HeightActionSheet.test.tsx +34 -0
  22. package/src/Hyperlink.test.tsx +52 -0
  23. package/src/Icon.test.tsx +61 -0
  24. package/src/IconButton.test.tsx +145 -0
  25. package/src/Image.test.tsx +65 -0
  26. package/src/ImageBackground.test.tsx +46 -0
  27. package/src/InfoModalIcon.test.tsx +54 -0
  28. package/src/InfoTooltipButton.test.tsx +22 -0
  29. package/src/Link.test.tsx +64 -0
  30. package/src/MarkdownView.test.tsx +50 -0
  31. package/src/MobileAddressAutoComplete.test.tsx +15 -0
  32. package/src/Modal.test.tsx +169 -0
  33. package/src/ModalSheet.test.tsx +20 -0
  34. package/src/MultiselectField.test.tsx +134 -0
  35. package/src/NumberField.test.tsx +133 -0
  36. package/src/NumberPickerActionSheet.test.tsx +46 -0
  37. package/src/OpenAPIContext.test.tsx +36 -0
  38. package/src/Page.test.tsx +128 -0
  39. package/src/Pagination.test.tsx +86 -0
  40. package/src/PasswordField.test.tsx +17 -0
  41. package/src/PhoneNumberField.test.tsx +79 -0
  42. package/src/PickerSelect.test.tsx +16 -0
  43. package/src/Radio.test.tsx +30 -0
  44. package/src/RadioField.test.tsx +89 -0
  45. package/src/SectionDivider.test.tsx +17 -0
  46. package/src/SegmentedControl.test.tsx +84 -0
  47. package/src/SelectBadge.test.tsx +103 -0
  48. package/src/SelectField.test.tsx +84 -0
  49. package/src/SideDrawer.test.tsx +99 -0
  50. package/src/Signature.test.tsx +15 -0
  51. package/src/SignatureField.test.tsx +16 -0
  52. package/src/Spinner.test.tsx +74 -0
  53. package/src/SplitPage.test.tsx +15 -0
  54. package/src/TapToEdit.test.tsx +147 -0
  55. package/src/TerrenoProvider.test.tsx +36 -0
  56. package/src/Text.test.tsx +147 -0
  57. package/src/Theme.test.tsx +153 -0
  58. package/src/TimezonePicker.test.tsx +57 -0
  59. package/src/Toast.test.tsx +82 -0
  60. package/src/Tooltip.test.tsx +89 -0
  61. package/src/UnifiedAddressAutoComplete.test.tsx +15 -0
  62. package/src/Utilities.test.tsx +237 -0
  63. package/src/WebAddressAutocomplete.test.tsx +15 -0
  64. package/src/__snapshots__/ActionSheet.test.tsx.snap +889 -0
  65. package/src/__snapshots__/Banner.test.tsx.snap +546 -0
  66. package/src/__snapshots__/Body.test.tsx.snap +685 -0
  67. package/src/__snapshots__/BooleanField.test.tsx.snap +553 -0
  68. package/src/__snapshots__/Button.test.tsx.snap +1281 -0
  69. package/src/__snapshots__/Card.test.tsx.snap +195 -0
  70. package/src/__snapshots__/CheckBox.test.tsx.snap +190 -0
  71. package/src/__snapshots__/CustomSelectField.test.tsx.snap +2299 -0
  72. package/src/__snapshots__/DataTable.test.tsx.snap +9614 -0
  73. package/src/__snapshots__/DecimalRangeActionSheet.test.tsx.snap +1719 -0
  74. package/src/__snapshots__/DismissButton.test.tsx.snap +91 -0
  75. package/src/__snapshots__/EmailField.test.tsx.snap +168 -0
  76. package/src/__snapshots__/ErrorBoundary.test.tsx.snap +57 -0
  77. package/src/__snapshots__/ErrorPage.test.tsx.snap +195 -0
  78. package/src/__snapshots__/Field.test.tsx.snap +4510 -0
  79. package/src/__snapshots__/Heading.test.tsx.snap +193 -0
  80. package/src/__snapshots__/HeightActionSheet.test.tsx.snap +1269 -0
  81. package/src/__snapshots__/Hyperlink.test.tsx.snap +81 -0
  82. package/src/__snapshots__/Icon.test.tsx.snap +47 -0
  83. package/src/__snapshots__/IconButton.test.tsx.snap +29 -0
  84. package/src/__snapshots__/Image.test.tsx.snap +282 -0
  85. package/src/__snapshots__/ImageBackground.test.tsx.snap +120 -0
  86. package/src/__snapshots__/InfoModalIcon.test.tsx.snap +1229 -0
  87. package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +7 -0
  88. package/src/__snapshots__/Link.test.tsx.snap +41 -0
  89. package/src/__snapshots__/MarkdownView.test.tsx.snap +965 -0
  90. package/src/__snapshots__/Modal.test.tsx.snap +1477 -0
  91. package/src/__snapshots__/MultiselectField.test.tsx.snap +1454 -0
  92. package/src/__snapshots__/NumberField.test.tsx.snap +80 -0
  93. package/src/__snapshots__/NumberPickerActionSheet.test.tsx.snap +5359 -0
  94. package/src/__snapshots__/OpenAPIContext.test.tsx.snap +14 -0
  95. package/src/__snapshots__/Page.test.tsx.snap +1647 -0
  96. package/src/__snapshots__/Pagination.test.tsx.snap +1913 -0
  97. package/src/__snapshots__/PasswordField.test.tsx.snap +15 -0
  98. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +405 -0
  99. package/src/__snapshots__/PickerSelect.test.tsx.snap +266 -0
  100. package/src/__snapshots__/Radio.test.tsx.snap +111 -0
  101. package/src/__snapshots__/RadioField.test.tsx.snap +944 -0
  102. package/src/__snapshots__/SectionDivider.test.tsx.snap +37 -0
  103. package/src/__snapshots__/SegmentedControl.test.tsx.snap +1422 -0
  104. package/src/__snapshots__/SelectBadge.test.tsx.snap +2377 -0
  105. package/src/__snapshots__/SelectField.test.tsx.snap +1658 -0
  106. package/src/__snapshots__/SideDrawer.test.tsx.snap +1857 -0
  107. package/src/__snapshots__/SignatureField.test.tsx.snap +133 -0
  108. package/src/__snapshots__/Spinner.test.tsx.snap +73 -0
  109. package/src/__snapshots__/TapToEdit.test.tsx.snap +839 -0
  110. package/src/__snapshots__/TerrenoProvider.test.tsx.snap +203 -0
  111. package/src/__snapshots__/Text.test.tsx.snap +558 -0
  112. package/src/__snapshots__/TimezonePicker.test.tsx.snap +6676 -0
  113. package/src/__snapshots__/Toast.test.tsx.snap +1982 -0
  114. package/src/__snapshots__/Tooltip.test.tsx.snap +456 -0
  115. package/src/bunSetup.ts +101 -8
  116. package/src/fieldElements/FieldError.test.tsx +40 -0
  117. package/src/fieldElements/FieldHelperText.test.tsx +34 -0
  118. package/src/fieldElements/FieldTitle.test.tsx +30 -0
  119. package/src/fieldElements/__snapshots__/FieldError.test.tsx.snap +85 -0
  120. package/src/fieldElements/__snapshots__/FieldHelperText.test.tsx.snap +30 -0
  121. package/src/fieldElements/__snapshots__/FieldTitle.test.tsx.snap +19 -0
  122. package/src/icons/MobileIcon.test.tsx +21 -0
  123. package/src/icons/OfflineIcon.test.tsx +21 -0
  124. package/src/icons/OnlineIcon.test.tsx +21 -0
  125. package/src/icons/OutOfficeIcon.test.tsx +21 -0
  126. package/src/icons/__snapshots__/MobileIcon.test.tsx.snap +160 -0
  127. package/src/icons/__snapshots__/OfflineIcon.test.tsx.snap +133 -0
  128. package/src/icons/__snapshots__/OnlineIcon.test.tsx.snap +124 -0
  129. package/src/icons/__snapshots__/OutOfficeIcon.test.tsx.snap +160 -0
  130. package/src/table/Table.test.tsx +107 -0
  131. package/src/table/TableBadge.test.tsx +53 -0
  132. package/src/table/TableBoolean.test.tsx +38 -0
  133. package/src/table/TableDate.test.tsx +27 -0
  134. package/src/table/TableHeader.test.tsx +67 -0
  135. package/src/table/TableHeaderCell.test.tsx +113 -0
  136. package/src/table/TableIconButton.test.tsx +51 -0
  137. package/src/table/TableNumber.test.tsx +45 -0
  138. package/src/table/TableRow.test.tsx +83 -0
  139. package/src/table/TableText.test.tsx +30 -0
  140. package/src/table/TableTitle.test.tsx +30 -0
  141. package/src/table/__snapshots__/Table.test.tsx.snap +2090 -0
  142. package/src/table/__snapshots__/TableBadge.test.tsx.snap +710 -0
  143. package/src/table/__snapshots__/TableBoolean.test.tsx.snap +231 -0
  144. package/src/table/__snapshots__/TableDate.test.tsx.snap +61 -0
  145. package/src/table/__snapshots__/TableHeader.test.tsx.snap +1089 -0
  146. package/src/table/__snapshots__/TableHeaderCell.test.tsx.snap +1773 -0
  147. package/src/table/__snapshots__/TableIconButton.test.tsx.snap +81 -0
  148. package/src/table/__snapshots__/TableNumber.test.tsx.snap +91 -0
  149. package/src/table/__snapshots__/TableRow.test.tsx.snap +1391 -0
  150. package/src/table/__snapshots__/TableText.test.tsx.snap +73 -0
  151. package/src/table/__snapshots__/TableTitle.test.tsx.snap +109 -0
package/src/__snapshots__/Toast.test.tsx.snap ADDED
@@ -0,0 +1,1982 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`Toast renders correctly with default props 1`] = `
4
+ {
5
+ "$$typeof": Symbol(react.test.json),
6
+ "children": [
7
+ {
8
+ "$$typeof": Symbol(react.test.json),
9
+ "children": [
10
+ {
11
+ "$$typeof": Symbol(react.test.json),
12
+ "children": [
13
+ {
14
+ "$$typeof": Symbol(react.test.json),
15
+ "children": null,
16
+ "props": {
17
+ "style": {
18
+ "alignItems": undefined,
19
+ "alignSelf": undefined,
20
+ "borderBottomLeftRadius": 4,
21
+ "borderTopLeftRadius": 4,
22
+ "display": "flex",
23
+ "flexDirection": "row",
24
+ "paddingBottom": 0,
25
+ "paddingLeft": 0,
26
+ "paddingRight": 0,
27
+ "paddingTop": 0,
28
+ },
29
+ "testID": undefined,
30
+ },
31
+ "type": "View",
32
+ },
33
+ {
34
+ "$$typeof": Symbol(react.test.json),
35
+ "children": [
36
+ {
37
+ "$$typeof": Symbol(react.test.json),
38
+ "children": [
39
+ {
40
+ "$$typeof": Symbol(react.test.json),
41
+ "children": [
42
+ "Test message",
43
+ ],
44
+ "props": {
45
+ "numberOfLines": 0,
46
+ "selectable": undefined,
47
+ "style": {
48
+ "color": "#FFFFFF",
49
+ "fontFamily": "text-bold",
50
+ "fontSize": 14,
51
+ "textAlign": "left",
52
+ },
53
+ "testID": undefined,
54
+ },
55
+ "type": "Text",
56
+ },
57
+ ],
58
+ "props": {},
59
+ "type": "View",
60
+ },
61
+ ],
62
+ "props": {
63
+ "style": {
64
+ "alignItems": "flex-start",
65
+ "alignSelf": "stretch",
66
+ "display": "flex",
67
+ "flexDirection": "column",
68
+ "flexShrink": 1,
69
+ "flexWrap": "wrap",
70
+ "gap": 2,
71
+ "justifyContent": "center",
72
+ "paddingBottom": 8,
73
+ "paddingTop": 8,
74
+ },
75
+ "testID": undefined,
76
+ },
77
+ "type": "View",
78
+ },
79
+ ],
80
+ "props": {
81
+ "style": {
82
+ "alignItems": "center",
83
+ "display": "flex",
84
+ "flexDirection": "row",
85
+ "flexGrow": 1,
86
+ "flexShrink": 1,
87
+ "gap": 12,
88
+ "maxWidth": "100%",
89
+ "paddingLeft": 8,
90
+ "paddingRight": 8,
91
+ },
92
+ "testID": undefined,
93
+ },
94
+ "type": "View",
95
+ },
96
+ ],
97
+ "props": {
98
+ "style": {
99
+ "alignItems": "center",
100
+ "alignSelf": "flex-start",
101
+ "backgroundColor": "#353535",
102
+ "borderRadius": 4,
103
+ "display": "flex",
104
+ "flexDirection": "row",
105
+ "flexShrink": 1,
106
+ "gap": 10,
107
+ "maxWidth": "100%",
108
+ "minHeight": undefined,
109
+ "minWidth": 150,
110
+ "paddingBottom": 4,
111
+ "paddingRight": 8,
112
+ "paddingTop": 4,
113
+ },
114
+ "testID": undefined,
115
+ },
116
+ "type": "View",
117
+ },
118
+ ],
119
+ "props": {
120
+ "style": {
121
+ "display": "flex",
122
+ "flexDirection": "row",
123
+ "flexGrow": 1,
124
+ "justifyContent": "center",
125
+ "marginTop": 8,
126
+ "maxWidth": "100%",
127
+ "paddingLeft": 8,
128
+ "paddingRight": 8,
129
+ "width": "100%",
130
+ },
131
+ "testID": undefined,
132
+ },
133
+ "type": "View",
134
+ }
135
+ `;
136
+
137
+ exports[`Toast renders info variant (default) 1`] = `
138
+ {
139
+ "$$typeof": Symbol(react.test.json),
140
+ "children": [
141
+ {
142
+ "$$typeof": Symbol(react.test.json),
143
+ "children": [
144
+ {
145
+ "$$typeof": Symbol(react.test.json),
146
+ "children": [
147
+ {
148
+ "$$typeof": Symbol(react.test.json),
149
+ "children": null,
150
+ "props": {
151
+ "style": {
152
+ "alignItems": undefined,
153
+ "alignSelf": undefined,
154
+ "borderBottomLeftRadius": 4,
155
+ "borderTopLeftRadius": 4,
156
+ "display": "flex",
157
+ "flexDirection": "row",
158
+ "paddingBottom": 0,
159
+ "paddingLeft": 0,
160
+ "paddingRight": 0,
161
+ "paddingTop": 0,
162
+ },
163
+ "testID": undefined,
164
+ },
165
+ "type": "View",
166
+ },
167
+ {
168
+ "$$typeof": Symbol(react.test.json),
169
+ "children": [
170
+ {
171
+ "$$typeof": Symbol(react.test.json),
172
+ "children": [
173
+ {
174
+ "$$typeof": Symbol(react.test.json),
175
+ "children": [
176
+ "Info message",
177
+ ],
178
+ "props": {
179
+ "numberOfLines": 0,
180
+ "selectable": undefined,
181
+ "style": {
182
+ "color": "#FFFFFF",
183
+ "fontFamily": "text-bold",
184
+ "fontSize": 14,
185
+ "textAlign": "left",
186
+ },
187
+ "testID": undefined,
188
+ },
189
+ "type": "Text",
190
+ },
191
+ ],
192
+ "props": {},
193
+ "type": "View",
194
+ },
195
+ ],
196
+ "props": {
197
+ "style": {
198
+ "alignItems": "flex-start",
199
+ "alignSelf": "stretch",
200
+ "display": "flex",
201
+ "flexDirection": "column",
202
+ "flexShrink": 1,
203
+ "flexWrap": "wrap",
204
+ "gap": 2,
205
+ "justifyContent": "center",
206
+ "paddingBottom": 8,
207
+ "paddingTop": 8,
208
+ },
209
+ "testID": undefined,
210
+ },
211
+ "type": "View",
212
+ },
213
+ ],
214
+ "props": {
215
+ "style": {
216
+ "alignItems": "center",
217
+ "display": "flex",
218
+ "flexDirection": "row",
219
+ "flexGrow": 1,
220
+ "flexShrink": 1,
221
+ "gap": 12,
222
+ "maxWidth": "100%",
223
+ "paddingLeft": 8,
224
+ "paddingRight": 8,
225
+ },
226
+ "testID": undefined,
227
+ },
228
+ "type": "View",
229
+ },
230
+ ],
231
+ "props": {
232
+ "style": {
233
+ "alignItems": "center",
234
+ "alignSelf": "flex-start",
235
+ "backgroundColor": "#353535",
236
+ "borderRadius": 4,
237
+ "display": "flex",
238
+ "flexDirection": "row",
239
+ "flexShrink": 1,
240
+ "gap": 10,
241
+ "maxWidth": "100%",
242
+ "minHeight": undefined,
243
+ "minWidth": 150,
244
+ "paddingBottom": 4,
245
+ "paddingRight": 8,
246
+ "paddingTop": 4,
247
+ },
248
+ "testID": undefined,
249
+ },
250
+ "type": "View",
251
+ },
252
+ ],
253
+ "props": {
254
+ "style": {
255
+ "display": "flex",
256
+ "flexDirection": "row",
257
+ "flexGrow": 1,
258
+ "justifyContent": "center",
259
+ "marginTop": 8,
260
+ "maxWidth": "100%",
261
+ "paddingLeft": 8,
262
+ "paddingRight": 8,
263
+ "width": "100%",
264
+ },
265
+ "testID": undefined,
266
+ },
267
+ "type": "View",
268
+ }
269
+ `;
270
+
271
+ exports[`Toast renders success variant 1`] = `
272
+ {
273
+ "$$typeof": Symbol(react.test.json),
274
+ "children": [
275
+ {
276
+ "$$typeof": Symbol(react.test.json),
277
+ "children": [
278
+ {
279
+ "$$typeof": Symbol(react.test.json),
280
+ "children": [
281
+ {
282
+ "$$typeof": Symbol(react.test.json),
283
+ "children": null,
284
+ "props": {
285
+ "style": {
286
+ "alignItems": undefined,
287
+ "alignSelf": undefined,
288
+ "borderBottomLeftRadius": 4,
289
+ "borderTopLeftRadius": 4,
290
+ "display": "flex",
291
+ "flexDirection": "row",
292
+ "paddingBottom": 0,
293
+ "paddingLeft": 0,
294
+ "paddingRight": 0,
295
+ "paddingTop": 0,
296
+ },
297
+ "testID": undefined,
298
+ },
299
+ "type": "View",
300
+ },
301
+ {
302
+ "$$typeof": Symbol(react.test.json),
303
+ "children": [
304
+ {
305
+ "$$typeof": Symbol(react.test.json),
306
+ "children": [
307
+ {
308
+ "$$typeof": Symbol(react.test.json),
309
+ "children": [
310
+ "Success!",
311
+ ],
312
+ "props": {
313
+ "numberOfLines": 0,
314
+ "selectable": undefined,
315
+ "style": {
316
+ "color": "#FFFFFF",
317
+ "fontFamily": "text-bold",
318
+ "fontSize": 14,
319
+ "textAlign": "left",
320
+ },
321
+ "testID": undefined,
322
+ },
323
+ "type": "Text",
324
+ },
325
+ ],
326
+ "props": {},
327
+ "type": "View",
328
+ },
329
+ ],
330
+ "props": {
331
+ "style": {
332
+ "alignItems": "flex-start",
333
+ "alignSelf": "stretch",
334
+ "display": "flex",
335
+ "flexDirection": "column",
336
+ "flexShrink": 1,
337
+ "flexWrap": "wrap",
338
+ "gap": 2,
339
+ "justifyContent": "center",
340
+ "paddingBottom": 8,
341
+ "paddingTop": 8,
342
+ },
343
+ "testID": undefined,
344
+ },
345
+ "type": "View",
346
+ },
347
+ ],
348
+ "props": {
349
+ "style": {
350
+ "alignItems": "center",
351
+ "display": "flex",
352
+ "flexDirection": "row",
353
+ "flexGrow": 1,
354
+ "flexShrink": 1,
355
+ "gap": 12,
356
+ "maxWidth": "100%",
357
+ "paddingLeft": 8,
358
+ "paddingRight": 8,
359
+ },
360
+ "testID": undefined,
361
+ },
362
+ "type": "View",
363
+ },
364
+ ],
365
+ "props": {
366
+ "style": {
367
+ "alignItems": "center",
368
+ "alignSelf": "flex-start",
369
+ "backgroundColor": "#1A7F36",
370
+ "borderRadius": 4,
371
+ "display": "flex",
372
+ "flexDirection": "row",
373
+ "flexShrink": 1,
374
+ "gap": 10,
375
+ "maxWidth": "100%",
376
+ "minHeight": undefined,
377
+ "minWidth": 150,
378
+ "paddingBottom": 4,
379
+ "paddingRight": 8,
380
+ "paddingTop": 4,
381
+ },
382
+ "testID": undefined,
383
+ },
384
+ "type": "View",
385
+ },
386
+ ],
387
+ "props": {
388
+ "style": {
389
+ "display": "flex",
390
+ "flexDirection": "row",
391
+ "flexGrow": 1,
392
+ "justifyContent": "center",
393
+ "marginTop": 8,
394
+ "maxWidth": "100%",
395
+ "paddingLeft": 8,
396
+ "paddingRight": 8,
397
+ "width": "100%",
398
+ },
399
+ "testID": undefined,
400
+ },
401
+ "type": "View",
402
+ }
403
+ `;
404
+
405
+ exports[`Toast renders warning variant 1`] = `
406
+ {
407
+ "$$typeof": Symbol(react.test.json),
408
+ "children": [
409
+ {
410
+ "$$typeof": Symbol(react.test.json),
411
+ "children": [
412
+ {
413
+ "$$typeof": Symbol(react.test.json),
414
+ "children": [
415
+ {
416
+ "$$typeof": Symbol(react.test.json),
417
+ "children": null,
418
+ "props": {
419
+ "style": {
420
+ "alignItems": undefined,
421
+ "alignSelf": undefined,
422
+ "borderBottomLeftRadius": 4,
423
+ "borderTopLeftRadius": 4,
424
+ "display": "flex",
425
+ "flexDirection": "row",
426
+ "paddingBottom": 0,
427
+ "paddingLeft": 0,
428
+ "paddingRight": 0,
429
+ "paddingTop": 0,
430
+ },
431
+ "testID": undefined,
432
+ },
433
+ "type": "View",
434
+ },
435
+ {
436
+ "$$typeof": Symbol(react.test.json),
437
+ "children": [
438
+ {
439
+ "$$typeof": Symbol(react.test.json),
440
+ "children": [
441
+ {
442
+ "$$typeof": Symbol(react.test.json),
443
+ "children": [
444
+ "Warning!",
445
+ ],
446
+ "props": {
447
+ "numberOfLines": 0,
448
+ "selectable": undefined,
449
+ "style": {
450
+ "color": "#FFFFFF",
451
+ "fontFamily": "text-bold",
452
+ "fontSize": 14,
453
+ "textAlign": "left",
454
+ },
455
+ "testID": undefined,
456
+ },
457
+ "type": "Text",
458
+ },
459
+ ],
460
+ "props": {},
461
+ "type": "View",
462
+ },
463
+ ],
464
+ "props": {
465
+ "style": {
466
+ "alignItems": "flex-start",
467
+ "alignSelf": "stretch",
468
+ "display": "flex",
469
+ "flexDirection": "column",
470
+ "flexShrink": 1,
471
+ "flexWrap": "wrap",
472
+ "gap": 2,
473
+ "justifyContent": "center",
474
+ "paddingBottom": 8,
475
+ "paddingTop": 8,
476
+ },
477
+ "testID": undefined,
478
+ },
479
+ "type": "View",
480
+ },
481
+ ],
482
+ "props": {
483
+ "style": {
484
+ "alignItems": "center",
485
+ "display": "flex",
486
+ "flexDirection": "row",
487
+ "flexGrow": 1,
488
+ "flexShrink": 1,
489
+ "gap": 12,
490
+ "maxWidth": "100%",
491
+ "paddingLeft": 8,
492
+ "paddingRight": 8,
493
+ },
494
+ "testID": undefined,
495
+ },
496
+ "type": "View",
497
+ },
498
+ ],
499
+ "props": {
500
+ "style": {
501
+ "alignItems": "center",
502
+ "alignSelf": "flex-start",
503
+ "backgroundColor": "#F36719",
504
+ "borderRadius": 4,
505
+ "display": "flex",
506
+ "flexDirection": "row",
507
+ "flexShrink": 1,
508
+ "gap": 10,
509
+ "maxWidth": "100%",
510
+ "minHeight": undefined,
511
+ "minWidth": 150,
512
+ "paddingBottom": 4,
513
+ "paddingRight": 8,
514
+ "paddingTop": 4,
515
+ },
516
+ "testID": undefined,
517
+ },
518
+ "type": "View",
519
+ },
520
+ ],
521
+ "props": {
522
+ "style": {
523
+ "display": "flex",
524
+ "flexDirection": "row",
525
+ "flexGrow": 1,
526
+ "justifyContent": "center",
527
+ "marginTop": 8,
528
+ "maxWidth": "100%",
529
+ "paddingLeft": 8,
530
+ "paddingRight": 8,
531
+ "width": "100%",
532
+ },
533
+ "testID": undefined,
534
+ },
535
+ "type": "View",
536
+ }
537
+ `;
538
+
539
+ exports[`Toast renders error variant 1`] = `
540
+ {
541
+ "$$typeof": Symbol(react.test.json),
542
+ "children": [
543
+ {
544
+ "$$typeof": Symbol(react.test.json),
545
+ "children": [
546
+ {
547
+ "$$typeof": Symbol(react.test.json),
548
+ "children": [
549
+ {
550
+ "$$typeof": Symbol(react.test.json),
551
+ "children": null,
552
+ "props": {
553
+ "style": {
554
+ "alignItems": undefined,
555
+ "alignSelf": undefined,
556
+ "borderBottomLeftRadius": 4,
557
+ "borderTopLeftRadius": 4,
558
+ "display": "flex",
559
+ "flexDirection": "row",
560
+ "paddingBottom": 0,
561
+ "paddingLeft": 0,
562
+ "paddingRight": 0,
563
+ "paddingTop": 0,
564
+ },
565
+ "testID": undefined,
566
+ },
567
+ "type": "View",
568
+ },
569
+ {
570
+ "$$typeof": Symbol(react.test.json),
571
+ "children": [
572
+ {
573
+ "$$typeof": Symbol(react.test.json),
574
+ "children": [
575
+ {
576
+ "$$typeof": Symbol(react.test.json),
577
+ "children": [
578
+ "Error!",
579
+ ],
580
+ "props": {
581
+ "numberOfLines": 0,
582
+ "selectable": undefined,
583
+ "style": {
584
+ "color": "#FFFFFF",
585
+ "fontFamily": "text-bold",
586
+ "fontSize": 14,
587
+ "textAlign": "left",
588
+ },
589
+ "testID": undefined,
590
+ },
591
+ "type": "Text",
592
+ },
593
+ ],
594
+ "props": {},
595
+ "type": "View",
596
+ },
597
+ ],
598
+ "props": {
599
+ "style": {
600
+ "alignItems": "flex-start",
601
+ "alignSelf": "stretch",
602
+ "display": "flex",
603
+ "flexDirection": "column",
604
+ "flexShrink": 1,
605
+ "flexWrap": "wrap",
606
+ "gap": 2,
607
+ "justifyContent": "center",
608
+ "paddingBottom": 8,
609
+ "paddingTop": 8,
610
+ },
611
+ "testID": undefined,
612
+ },
613
+ "type": "View",
614
+ },
615
+ ],
616
+ "props": {
617
+ "style": {
618
+ "alignItems": "center",
619
+ "display": "flex",
620
+ "flexDirection": "row",
621
+ "flexGrow": 1,
622
+ "flexShrink": 1,
623
+ "gap": 12,
624
+ "maxWidth": "100%",
625
+ "paddingLeft": 8,
626
+ "paddingRight": 8,
627
+ },
628
+ "testID": undefined,
629
+ },
630
+ "type": "View",
631
+ },
632
+ ],
633
+ "props": {
634
+ "style": {
635
+ "alignItems": "center",
636
+ "alignSelf": "flex-start",
637
+ "backgroundColor": "#BD1111",
638
+ "borderRadius": 4,
639
+ "display": "flex",
640
+ "flexDirection": "row",
641
+ "flexShrink": 1,
642
+ "gap": 10,
643
+ "maxWidth": "100%",
644
+ "minHeight": undefined,
645
+ "minWidth": 150,
646
+ "paddingBottom": 4,
647
+ "paddingRight": 8,
648
+ "paddingTop": 4,
649
+ },
650
+ "testID": undefined,
651
+ },
652
+ "type": "View",
653
+ },
654
+ ],
655
+ "props": {
656
+ "style": {
657
+ "display": "flex",
658
+ "flexDirection": "row",
659
+ "flexGrow": 1,
660
+ "justifyContent": "center",
661
+ "marginTop": 8,
662
+ "maxWidth": "100%",
663
+ "paddingLeft": 8,
664
+ "paddingRight": 8,
665
+ "width": "100%",
666
+ },
667
+ "testID": undefined,
668
+ },
669
+ "type": "View",
670
+ }
671
+ `;
672
+
673
+ exports[`Toast renders with small size (default) 1`] = `
674
+ {
675
+ "$$typeof": Symbol(react.test.json),
676
+ "children": [
677
+ {
678
+ "$$typeof": Symbol(react.test.json),
679
+ "children": [
680
+ {
681
+ "$$typeof": Symbol(react.test.json),
682
+ "children": [
683
+ {
684
+ "$$typeof": Symbol(react.test.json),
685
+ "children": null,
686
+ "props": {
687
+ "style": {
688
+ "alignItems": undefined,
689
+ "alignSelf": undefined,
690
+ "borderBottomLeftRadius": 4,
691
+ "borderTopLeftRadius": 4,
692
+ "display": "flex",
693
+ "flexDirection": "row",
694
+ "paddingBottom": 0,
695
+ "paddingLeft": 0,
696
+ "paddingRight": 0,
697
+ "paddingTop": 0,
698
+ },
699
+ "testID": undefined,
700
+ },
701
+ "type": "View",
702
+ },
703
+ {
704
+ "$$typeof": Symbol(react.test.json),
705
+ "children": [
706
+ {
707
+ "$$typeof": Symbol(react.test.json),
708
+ "children": [
709
+ {
710
+ "$$typeof": Symbol(react.test.json),
711
+ "children": [
712
+ "Small toast",
713
+ ],
714
+ "props": {
715
+ "numberOfLines": 0,
716
+ "selectable": undefined,
717
+ "style": {
718
+ "color": "#FFFFFF",
719
+ "fontFamily": "text-bold",
720
+ "fontSize": 14,
721
+ "textAlign": "left",
722
+ },
723
+ "testID": undefined,
724
+ },
725
+ "type": "Text",
726
+ },
727
+ ],
728
+ "props": {},
729
+ "type": "View",
730
+ },
731
+ ],
732
+ "props": {
733
+ "style": {
734
+ "alignItems": "flex-start",
735
+ "alignSelf": "stretch",
736
+ "display": "flex",
737
+ "flexDirection": "column",
738
+ "flexShrink": 1,
739
+ "flexWrap": "wrap",
740
+ "gap": 2,
741
+ "justifyContent": "center",
742
+ "paddingBottom": 8,
743
+ "paddingTop": 8,
744
+ },
745
+ "testID": undefined,
746
+ },
747
+ "type": "View",
748
+ },
749
+ ],
750
+ "props": {
751
+ "style": {
752
+ "alignItems": "center",
753
+ "display": "flex",
754
+ "flexDirection": "row",
755
+ "flexGrow": 1,
756
+ "flexShrink": 1,
757
+ "gap": 12,
758
+ "maxWidth": "100%",
759
+ "paddingLeft": 8,
760
+ "paddingRight": 8,
761
+ },
762
+ "testID": undefined,
763
+ },
764
+ "type": "View",
765
+ },
766
+ ],
767
+ "props": {
768
+ "style": {
769
+ "alignItems": "center",
770
+ "alignSelf": "flex-start",
771
+ "backgroundColor": "#353535",
772
+ "borderRadius": 4,
773
+ "display": "flex",
774
+ "flexDirection": "row",
775
+ "flexShrink": 1,
776
+ "gap": 10,
777
+ "maxWidth": "100%",
778
+ "minHeight": undefined,
779
+ "minWidth": 150,
780
+ "paddingBottom": 4,
781
+ "paddingRight": 8,
782
+ "paddingTop": 4,
783
+ },
784
+ "testID": undefined,
785
+ },
786
+ "type": "View",
787
+ },
788
+ ],
789
+ "props": {
790
+ "style": {
791
+ "display": "flex",
792
+ "flexDirection": "row",
793
+ "flexGrow": 1,
794
+ "justifyContent": "center",
795
+ "marginTop": 8,
796
+ "maxWidth": "100%",
797
+ "paddingLeft": 8,
798
+ "paddingRight": 8,
799
+ "width": "100%",
800
+ },
801
+ "testID": undefined,
802
+ },
803
+ "type": "View",
804
+ }
805
+ `;
806
+
807
+ exports[`Toast renders with large size 1`] = `
808
+ {
809
+ "$$typeof": Symbol(react.test.json),
810
+ "children": [
811
+ {
812
+ "$$typeof": Symbol(react.test.json),
813
+ "children": [
814
+ {
815
+ "$$typeof": Symbol(react.test.json),
816
+ "children": [
817
+ {
818
+ "$$typeof": Symbol(react.test.json),
819
+ "children": null,
820
+ "props": {
821
+ "style": {
822
+ "alignItems": "center",
823
+ "alignSelf": "stretch",
824
+ "borderBottomLeftRadius": 4,
825
+ "borderTopLeftRadius": 4,
826
+ "display": "flex",
827
+ "flexDirection": "row",
828
+ "paddingBottom": 8,
829
+ "paddingLeft": 4,
830
+ "paddingRight": 4,
831
+ "paddingTop": 8,
832
+ },
833
+ "testID": undefined,
834
+ },
835
+ "type": "View",
836
+ },
837
+ {
838
+ "$$typeof": Symbol(react.test.json),
839
+ "children": [
840
+ {
841
+ "$$typeof": Symbol(react.test.json),
842
+ "children": [
843
+ "Large toast",
844
+ ],
845
+ "props": {
846
+ "numberOfLines": 0,
847
+ "style": {
848
+ "color": "#FFFFFF",
849
+ "fontFamily": "heading-semibold",
850
+ "fontSize": 14,
851
+ },
852
+ "testID": undefined,
853
+ },
854
+ "type": "Text",
855
+ },
856
+ ],
857
+ "props": {
858
+ "style": {
859
+ "alignItems": "flex-start",
860
+ "alignSelf": "stretch",
861
+ "display": "flex",
862
+ "flexDirection": "column",
863
+ "flexShrink": 1,
864
+ "flexWrap": "wrap",
865
+ "gap": 2,
866
+ "justifyContent": "center",
867
+ "paddingBottom": 8,
868
+ "paddingTop": 8,
869
+ },
870
+ "testID": undefined,
871
+ },
872
+ "type": "View",
873
+ },
874
+ ],
875
+ "props": {
876
+ "style": {
877
+ "alignItems": "center",
878
+ "display": "flex",
879
+ "flexDirection": "row",
880
+ "flexGrow": 1,
881
+ "flexShrink": 1,
882
+ "gap": 12,
883
+ "maxWidth": "100%",
884
+ "paddingLeft": 8,
885
+ "paddingRight": 8,
886
+ },
887
+ "testID": undefined,
888
+ },
889
+ "type": "View",
890
+ },
891
+ ],
892
+ "props": {
893
+ "style": {
894
+ "alignItems": "center",
895
+ "alignSelf": "flex-start",
896
+ "backgroundColor": "#353535",
897
+ "borderRadius": 4,
898
+ "display": "flex",
899
+ "flexDirection": "row",
900
+ "flexShrink": 1,
901
+ "gap": 10,
902
+ "maxWidth": "100%",
903
+ "minHeight": 32,
904
+ "minWidth": 150,
905
+ "paddingBottom": 4,
906
+ "paddingRight": 8,
907
+ "paddingTop": 4,
908
+ },
909
+ "testID": undefined,
910
+ },
911
+ "type": "View",
912
+ },
913
+ ],
914
+ "props": {
915
+ "style": {
916
+ "display": "flex",
917
+ "flexDirection": "row",
918
+ "flexGrow": 1,
919
+ "justifyContent": "center",
920
+ "marginTop": 8,
921
+ "maxWidth": "100%",
922
+ "paddingLeft": 8,
923
+ "paddingRight": 8,
924
+ "width": "100%",
925
+ },
926
+ "testID": undefined,
927
+ },
928
+ "type": "View",
929
+ }
930
+ `;
931
+
932
+ exports[`Toast renders with subtitle when size is large 1`] = `
933
+ {
934
+ "$$typeof": Symbol(react.test.json),
935
+ "children": [
936
+ {
937
+ "$$typeof": Symbol(react.test.json),
938
+ "children": [
939
+ {
940
+ "$$typeof": Symbol(react.test.json),
941
+ "children": [
942
+ {
943
+ "$$typeof": Symbol(react.test.json),
944
+ "children": null,
945
+ "props": {
946
+ "style": {
947
+ "alignItems": "center",
948
+ "alignSelf": "stretch",
949
+ "borderBottomLeftRadius": 4,
950
+ "borderTopLeftRadius": 4,
951
+ "display": "flex",
952
+ "flexDirection": "row",
953
+ "paddingBottom": 8,
954
+ "paddingLeft": 4,
955
+ "paddingRight": 4,
956
+ "paddingTop": 8,
957
+ },
958
+ "testID": undefined,
959
+ },
960
+ "type": "View",
961
+ },
962
+ {
963
+ "$$typeof": Symbol(react.test.json),
964
+ "children": [
965
+ {
966
+ "$$typeof": Symbol(react.test.json),
967
+ "children": [
968
+ "Main message",
969
+ ],
970
+ "props": {
971
+ "numberOfLines": 0,
972
+ "style": {
973
+ "color": "#FFFFFF",
974
+ "fontFamily": "heading-semibold",
975
+ "fontSize": 14,
976
+ },
977
+ "testID": undefined,
978
+ },
979
+ "type": "Text",
980
+ },
981
+ {
982
+ "$$typeof": Symbol(react.test.json),
983
+ "children": [
984
+ {
985
+ "$$typeof": Symbol(react.test.json),
986
+ "children": [
987
+ "Additional details here",
988
+ ],
989
+ "props": {
990
+ "numberOfLines": 0,
991
+ "selectable": undefined,
992
+ "style": {
993
+ "color": "#FFFFFF",
994
+ "fontFamily": "text-regular",
995
+ "fontSize": 10,
996
+ "textAlign": "left",
997
+ },
998
+ "testID": undefined,
999
+ },
1000
+ "type": "Text",
1001
+ },
1002
+ ],
1003
+ "props": {},
1004
+ "type": "View",
1005
+ },
1006
+ ],
1007
+ "props": {
1008
+ "style": {
1009
+ "alignItems": "flex-start",
1010
+ "alignSelf": "stretch",
1011
+ "display": "flex",
1012
+ "flexDirection": "column",
1013
+ "flexShrink": 1,
1014
+ "flexWrap": "wrap",
1015
+ "gap": 2,
1016
+ "justifyContent": "center",
1017
+ "paddingBottom": 8,
1018
+ "paddingTop": 8,
1019
+ },
1020
+ "testID": undefined,
1021
+ },
1022
+ "type": "View",
1023
+ },
1024
+ ],
1025
+ "props": {
1026
+ "style": {
1027
+ "alignItems": "center",
1028
+ "display": "flex",
1029
+ "flexDirection": "row",
1030
+ "flexGrow": 1,
1031
+ "flexShrink": 1,
1032
+ "gap": 12,
1033
+ "maxWidth": "100%",
1034
+ "paddingLeft": 8,
1035
+ "paddingRight": 8,
1036
+ },
1037
+ "testID": undefined,
1038
+ },
1039
+ "type": "View",
1040
+ },
1041
+ ],
1042
+ "props": {
1043
+ "style": {
1044
+ "alignItems": "center",
1045
+ "alignSelf": "flex-start",
1046
+ "backgroundColor": "#353535",
1047
+ "borderRadius": 4,
1048
+ "display": "flex",
1049
+ "flexDirection": "row",
1050
+ "flexShrink": 1,
1051
+ "gap": 10,
1052
+ "maxWidth": "100%",
1053
+ "minHeight": 32,
1054
+ "minWidth": 150,
1055
+ "paddingBottom": 4,
1056
+ "paddingRight": 8,
1057
+ "paddingTop": 4,
1058
+ },
1059
+ "testID": undefined,
1060
+ },
1061
+ "type": "View",
1062
+ },
1063
+ ],
1064
+ "props": {
1065
+ "style": {
1066
+ "display": "flex",
1067
+ "flexDirection": "row",
1068
+ "flexGrow": 1,
1069
+ "justifyContent": "center",
1070
+ "marginTop": 8,
1071
+ "maxWidth": "100%",
1072
+ "paddingLeft": 8,
1073
+ "paddingRight": 8,
1074
+ "width": "100%",
1075
+ },
1076
+ "testID": undefined,
1077
+ },
1078
+ "type": "View",
1079
+ }
1080
+ `;
1081
+
1082
+ exports[`Toast renders persistent toast with dismiss button 1`] = `
1083
+ {
1084
+ "$$typeof": Symbol(react.test.json),
1085
+ "children": [
1086
+ {
1087
+ "$$typeof": Symbol(react.test.json),
1088
+ "children": [
1089
+ {
1090
+ "$$typeof": Symbol(react.test.json),
1091
+ "children": [
1092
+ {
1093
+ "$$typeof": Symbol(react.test.json),
1094
+ "children": null,
1095
+ "props": {
1096
+ "style": {
1097
+ "alignItems": undefined,
1098
+ "alignSelf": undefined,
1099
+ "borderBottomLeftRadius": 4,
1100
+ "borderTopLeftRadius": 4,
1101
+ "display": "flex",
1102
+ "flexDirection": "row",
1103
+ "paddingBottom": 0,
1104
+ "paddingLeft": 0,
1105
+ "paddingRight": 0,
1106
+ "paddingTop": 0,
1107
+ },
1108
+ "testID": undefined,
1109
+ },
1110
+ "type": "View",
1111
+ },
1112
+ {
1113
+ "$$typeof": Symbol(react.test.json),
1114
+ "children": [
1115
+ {
1116
+ "$$typeof": Symbol(react.test.json),
1117
+ "children": [
1118
+ {
1119
+ "$$typeof": Symbol(react.test.json),
1120
+ "children": [
1121
+ "Persistent toast",
1122
+ ],
1123
+ "props": {
1124
+ "numberOfLines": 0,
1125
+ "selectable": undefined,
1126
+ "style": {
1127
+ "color": "#FFFFFF",
1128
+ "fontFamily": "text-bold",
1129
+ "fontSize": 14,
1130
+ "textAlign": "left",
1131
+ },
1132
+ "testID": undefined,
1133
+ },
1134
+ "type": "Text",
1135
+ },
1136
+ ],
1137
+ "props": {},
1138
+ "type": "View",
1139
+ },
1140
+ ],
1141
+ "props": {
1142
+ "style": {
1143
+ "alignItems": "flex-start",
1144
+ "alignSelf": "stretch",
1145
+ "display": "flex",
1146
+ "flexDirection": "column",
1147
+ "flexShrink": 1,
1148
+ "flexWrap": "wrap",
1149
+ "gap": 2,
1150
+ "justifyContent": "center",
1151
+ "paddingBottom": 8,
1152
+ "paddingTop": 8,
1153
+ },
1154
+ "testID": undefined,
1155
+ },
1156
+ "type": "View",
1157
+ },
1158
+ ],
1159
+ "props": {
1160
+ "style": {
1161
+ "alignItems": "center",
1162
+ "display": "flex",
1163
+ "flexDirection": "row",
1164
+ "flexGrow": 1,
1165
+ "flexShrink": 1,
1166
+ "gap": 12,
1167
+ "maxWidth": "100%",
1168
+ "paddingLeft": 8,
1169
+ "paddingRight": 8,
1170
+ },
1171
+ "testID": undefined,
1172
+ },
1173
+ "type": "View",
1174
+ },
1175
+ {
1176
+ "$$typeof": Symbol(react.test.json),
1177
+ "children": null,
1178
+ "props": {
1179
+ "aria-role": "button",
1180
+ "onPress": [class Function],
1181
+ "style": {
1182
+ "alignItems": "center",
1183
+ "alignSelf": "center",
1184
+ "display": "flex",
1185
+ "gap": 12,
1186
+ "marginLeft": 10,
1187
+ "padding": 0,
1188
+ },
1189
+ },
1190
+ "type": "Pressable",
1191
+ },
1192
+ ],
1193
+ "props": {
1194
+ "style": {
1195
+ "alignItems": "center",
1196
+ "alignSelf": "flex-start",
1197
+ "backgroundColor": "#353535",
1198
+ "borderRadius": 4,
1199
+ "display": "flex",
1200
+ "flexDirection": "row",
1201
+ "flexShrink": 1,
1202
+ "gap": 10,
1203
+ "maxWidth": "100%",
1204
+ "minHeight": undefined,
1205
+ "minWidth": 150,
1206
+ "paddingBottom": 4,
1207
+ "paddingRight": 8,
1208
+ "paddingTop": 4,
1209
+ },
1210
+ "testID": undefined,
1211
+ },
1212
+ "type": "View",
1213
+ },
1214
+ ],
1215
+ "props": {
1216
+ "style": {
1217
+ "display": "flex",
1218
+ "flexDirection": "row",
1219
+ "flexGrow": 1,
1220
+ "justifyContent": "center",
1221
+ "marginTop": 8,
1222
+ "maxWidth": "100%",
1223
+ "paddingLeft": 8,
1224
+ "paddingRight": 8,
1225
+ "width": "100%",
1226
+ },
1227
+ "testID": undefined,
1228
+ },
1229
+ "type": "View",
1230
+ }
1231
+ `;
1232
+
1233
+ exports[`Toast renders dismiss button when persistent with onDismiss 1`] = `
1234
+ {
1235
+ "$$typeof": Symbol(react.test.json),
1236
+ "children": [
1237
+ {
1238
+ "$$typeof": Symbol(react.test.json),
1239
+ "children": [
1240
+ {
1241
+ "$$typeof": Symbol(react.test.json),
1242
+ "children": [
1243
+ {
1244
+ "$$typeof": Symbol(react.test.json),
1245
+ "children": null,
1246
+ "props": {
1247
+ "style": {
1248
+ "alignItems": undefined,
1249
+ "alignSelf": undefined,
1250
+ "borderBottomLeftRadius": 4,
1251
+ "borderTopLeftRadius": 4,
1252
+ "display": "flex",
1253
+ "flexDirection": "row",
1254
+ "paddingBottom": 0,
1255
+ "paddingLeft": 0,
1256
+ "paddingRight": 0,
1257
+ "paddingTop": 0,
1258
+ },
1259
+ "testID": undefined,
1260
+ },
1261
+ "type": "View",
1262
+ },
1263
+ {
1264
+ "$$typeof": Symbol(react.test.json),
1265
+ "children": [
1266
+ {
1267
+ "$$typeof": Symbol(react.test.json),
1268
+ "children": [
1269
+ {
1270
+ "$$typeof": Symbol(react.test.json),
1271
+ "children": [
1272
+ "Dismissible",
1273
+ ],
1274
+ "props": {
1275
+ "numberOfLines": 0,
1276
+ "selectable": undefined,
1277
+ "style": {
1278
+ "color": "#FFFFFF",
1279
+ "fontFamily": "text-bold",
1280
+ "fontSize": 14,
1281
+ "textAlign": "left",
1282
+ },
1283
+ "testID": undefined,
1284
+ },
1285
+ "type": "Text",
1286
+ },
1287
+ ],
1288
+ "props": {},
1289
+ "type": "View",
1290
+ },
1291
+ ],
1292
+ "props": {
1293
+ "style": {
1294
+ "alignItems": "flex-start",
1295
+ "alignSelf": "stretch",
1296
+ "display": "flex",
1297
+ "flexDirection": "column",
1298
+ "flexShrink": 1,
1299
+ "flexWrap": "wrap",
1300
+ "gap": 2,
1301
+ "justifyContent": "center",
1302
+ "paddingBottom": 8,
1303
+ "paddingTop": 8,
1304
+ },
1305
+ "testID": undefined,
1306
+ },
1307
+ "type": "View",
1308
+ },
1309
+ ],
1310
+ "props": {
1311
+ "style": {
1312
+ "alignItems": "center",
1313
+ "display": "flex",
1314
+ "flexDirection": "row",
1315
+ "flexGrow": 1,
1316
+ "flexShrink": 1,
1317
+ "gap": 12,
1318
+ "maxWidth": "100%",
1319
+ "paddingLeft": 8,
1320
+ "paddingRight": 8,
1321
+ },
1322
+ "testID": undefined,
1323
+ },
1324
+ "type": "View",
1325
+ },
1326
+ {
1327
+ "$$typeof": Symbol(react.test.json),
1328
+ "children": null,
1329
+ "props": {
1330
+ "aria-role": "button",
1331
+ "onPress": [class Function],
1332
+ "style": {
1333
+ "alignItems": "center",
1334
+ "alignSelf": "center",
1335
+ "display": "flex",
1336
+ "gap": 12,
1337
+ "marginLeft": 10,
1338
+ "padding": 0,
1339
+ },
1340
+ },
1341
+ "type": "Pressable",
1342
+ },
1343
+ ],
1344
+ "props": {
1345
+ "style": {
1346
+ "alignItems": "center",
1347
+ "alignSelf": "flex-start",
1348
+ "backgroundColor": "#353535",
1349
+ "borderRadius": 4,
1350
+ "display": "flex",
1351
+ "flexDirection": "row",
1352
+ "flexShrink": 1,
1353
+ "gap": 10,
1354
+ "maxWidth": "100%",
1355
+ "minHeight": undefined,
1356
+ "minWidth": 150,
1357
+ "paddingBottom": 4,
1358
+ "paddingRight": 8,
1359
+ "paddingTop": 4,
1360
+ },
1361
+ "testID": undefined,
1362
+ },
1363
+ "type": "View",
1364
+ },
1365
+ ],
1366
+ "props": {
1367
+ "style": {
1368
+ "display": "flex",
1369
+ "flexDirection": "row",
1370
+ "flexGrow": 1,
1371
+ "justifyContent": "center",
1372
+ "marginTop": 8,
1373
+ "maxWidth": "100%",
1374
+ "paddingLeft": 8,
1375
+ "paddingRight": 8,
1376
+ "width": "100%",
1377
+ },
1378
+ "testID": undefined,
1379
+ },
1380
+ "type": "View",
1381
+ }
1382
+ `;
1383
+
1384
+ exports[`Toast renders all variants with large size correctly 1`] = `
1385
+ {
1386
+ "$$typeof": Symbol(react.test.json),
1387
+ "children": [
1388
+ {
1389
+ "$$typeof": Symbol(react.test.json),
1390
+ "children": [
1391
+ {
1392
+ "$$typeof": Symbol(react.test.json),
1393
+ "children": [
1394
+ {
1395
+ "$$typeof": Symbol(react.test.json),
1396
+ "children": null,
1397
+ "props": {
1398
+ "style": {
1399
+ "alignItems": "center",
1400
+ "alignSelf": "stretch",
1401
+ "borderBottomLeftRadius": 4,
1402
+ "borderTopLeftRadius": 4,
1403
+ "display": "flex",
1404
+ "flexDirection": "row",
1405
+ "paddingBottom": 8,
1406
+ "paddingLeft": 4,
1407
+ "paddingRight": 4,
1408
+ "paddingTop": 8,
1409
+ },
1410
+ "testID": undefined,
1411
+ },
1412
+ "type": "View",
1413
+ },
1414
+ {
1415
+ "$$typeof": Symbol(react.test.json),
1416
+ "children": [
1417
+ {
1418
+ "$$typeof": Symbol(react.test.json),
1419
+ "children": [
1420
+ "info toast",
1421
+ ],
1422
+ "props": {
1423
+ "numberOfLines": 0,
1424
+ "style": {
1425
+ "color": "#FFFFFF",
1426
+ "fontFamily": "heading-semibold",
1427
+ "fontSize": 14,
1428
+ },
1429
+ "testID": undefined,
1430
+ },
1431
+ "type": "Text",
1432
+ },
1433
+ {
1434
+ "$$typeof": Symbol(react.test.json),
1435
+ "children": [
1436
+ {
1437
+ "$$typeof": Symbol(react.test.json),
1438
+ "children": [
1439
+ "Details",
1440
+ ],
1441
+ "props": {
1442
+ "numberOfLines": 0,
1443
+ "selectable": undefined,
1444
+ "style": {
1445
+ "color": "#FFFFFF",
1446
+ "fontFamily": "text-regular",
1447
+ "fontSize": 10,
1448
+ "textAlign": "left",
1449
+ },
1450
+ "testID": undefined,
1451
+ },
1452
+ "type": "Text",
1453
+ },
1454
+ ],
1455
+ "props": {},
1456
+ "type": "View",
1457
+ },
1458
+ ],
1459
+ "props": {
1460
+ "style": {
1461
+ "alignItems": "flex-start",
1462
+ "alignSelf": "stretch",
1463
+ "display": "flex",
1464
+ "flexDirection": "column",
1465
+ "flexShrink": 1,
1466
+ "flexWrap": "wrap",
1467
+ "gap": 2,
1468
+ "justifyContent": "center",
1469
+ "paddingBottom": 8,
1470
+ "paddingTop": 8,
1471
+ },
1472
+ "testID": undefined,
1473
+ },
1474
+ "type": "View",
1475
+ },
1476
+ ],
1477
+ "props": {
1478
+ "style": {
1479
+ "alignItems": "center",
1480
+ "display": "flex",
1481
+ "flexDirection": "row",
1482
+ "flexGrow": 1,
1483
+ "flexShrink": 1,
1484
+ "gap": 12,
1485
+ "maxWidth": "100%",
1486
+ "paddingLeft": 8,
1487
+ "paddingRight": 8,
1488
+ },
1489
+ "testID": undefined,
1490
+ },
1491
+ "type": "View",
1492
+ },
1493
+ ],
1494
+ "props": {
1495
+ "style": {
1496
+ "alignItems": "center",
1497
+ "alignSelf": "flex-start",
1498
+ "backgroundColor": "#353535",
1499
+ "borderRadius": 4,
1500
+ "display": "flex",
1501
+ "flexDirection": "row",
1502
+ "flexShrink": 1,
1503
+ "gap": 10,
1504
+ "maxWidth": "100%",
1505
+ "minHeight": 32,
1506
+ "minWidth": 150,
1507
+ "paddingBottom": 4,
1508
+ "paddingRight": 8,
1509
+ "paddingTop": 4,
1510
+ },
1511
+ "testID": undefined,
1512
+ },
1513
+ "type": "View",
1514
+ },
1515
+ ],
1516
+ "props": {
1517
+ "style": {
1518
+ "display": "flex",
1519
+ "flexDirection": "row",
1520
+ "flexGrow": 1,
1521
+ "justifyContent": "center",
1522
+ "marginTop": 8,
1523
+ "maxWidth": "100%",
1524
+ "paddingLeft": 8,
1525
+ "paddingRight": 8,
1526
+ "width": "100%",
1527
+ },
1528
+ "testID": undefined,
1529
+ },
1530
+ "type": "View",
1531
+ }
1532
+ `;
1533
+
1534
+ exports[`Toast renders all variants with large size correctly 2`] = `
1535
+ {
1536
+ "$$typeof": Symbol(react.test.json),
1537
+ "children": [
1538
+ {
1539
+ "$$typeof": Symbol(react.test.json),
1540
+ "children": [
1541
+ {
1542
+ "$$typeof": Symbol(react.test.json),
1543
+ "children": [
1544
+ {
1545
+ "$$typeof": Symbol(react.test.json),
1546
+ "children": null,
1547
+ "props": {
1548
+ "style": {
1549
+ "alignItems": "center",
1550
+ "alignSelf": "stretch",
1551
+ "borderBottomLeftRadius": 4,
1552
+ "borderTopLeftRadius": 4,
1553
+ "display": "flex",
1554
+ "flexDirection": "row",
1555
+ "paddingBottom": 8,
1556
+ "paddingLeft": 4,
1557
+ "paddingRight": 4,
1558
+ "paddingTop": 8,
1559
+ },
1560
+ "testID": undefined,
1561
+ },
1562
+ "type": "View",
1563
+ },
1564
+ {
1565
+ "$$typeof": Symbol(react.test.json),
1566
+ "children": [
1567
+ {
1568
+ "$$typeof": Symbol(react.test.json),
1569
+ "children": [
1570
+ "success toast",
1571
+ ],
1572
+ "props": {
1573
+ "numberOfLines": 0,
1574
+ "style": {
1575
+ "color": "#FFFFFF",
1576
+ "fontFamily": "heading-semibold",
1577
+ "fontSize": 14,
1578
+ },
1579
+ "testID": undefined,
1580
+ },
1581
+ "type": "Text",
1582
+ },
1583
+ {
1584
+ "$$typeof": Symbol(react.test.json),
1585
+ "children": [
1586
+ {
1587
+ "$$typeof": Symbol(react.test.json),
1588
+ "children": [
1589
+ "Details",
1590
+ ],
1591
+ "props": {
1592
+ "numberOfLines": 0,
1593
+ "selectable": undefined,
1594
+ "style": {
1595
+ "color": "#FFFFFF",
1596
+ "fontFamily": "text-regular",
1597
+ "fontSize": 10,
1598
+ "textAlign": "left",
1599
+ },
1600
+ "testID": undefined,
1601
+ },
1602
+ "type": "Text",
1603
+ },
1604
+ ],
1605
+ "props": {},
1606
+ "type": "View",
1607
+ },
1608
+ ],
1609
+ "props": {
1610
+ "style": {
1611
+ "alignItems": "flex-start",
1612
+ "alignSelf": "stretch",
1613
+ "display": "flex",
1614
+ "flexDirection": "column",
1615
+ "flexShrink": 1,
1616
+ "flexWrap": "wrap",
1617
+ "gap": 2,
1618
+ "justifyContent": "center",
1619
+ "paddingBottom": 8,
1620
+ "paddingTop": 8,
1621
+ },
1622
+ "testID": undefined,
1623
+ },
1624
+ "type": "View",
1625
+ },
1626
+ ],
1627
+ "props": {
1628
+ "style": {
1629
+ "alignItems": "center",
1630
+ "display": "flex",
1631
+ "flexDirection": "row",
1632
+ "flexGrow": 1,
1633
+ "flexShrink": 1,
1634
+ "gap": 12,
1635
+ "maxWidth": "100%",
1636
+ "paddingLeft": 8,
1637
+ "paddingRight": 8,
1638
+ },
1639
+ "testID": undefined,
1640
+ },
1641
+ "type": "View",
1642
+ },
1643
+ ],
1644
+ "props": {
1645
+ "style": {
1646
+ "alignItems": "center",
1647
+ "alignSelf": "flex-start",
1648
+ "backgroundColor": "#1A7F36",
1649
+ "borderRadius": 4,
1650
+ "display": "flex",
1651
+ "flexDirection": "row",
1652
+ "flexShrink": 1,
1653
+ "gap": 10,
1654
+ "maxWidth": "100%",
1655
+ "minHeight": 32,
1656
+ "minWidth": 150,
1657
+ "paddingBottom": 4,
1658
+ "paddingRight": 8,
1659
+ "paddingTop": 4,
1660
+ },
1661
+ "testID": undefined,
1662
+ },
1663
+ "type": "View",
1664
+ },
1665
+ ],
1666
+ "props": {
1667
+ "style": {
1668
+ "display": "flex",
1669
+ "flexDirection": "row",
1670
+ "flexGrow": 1,
1671
+ "justifyContent": "center",
1672
+ "marginTop": 8,
1673
+ "maxWidth": "100%",
1674
+ "paddingLeft": 8,
1675
+ "paddingRight": 8,
1676
+ "width": "100%",
1677
+ },
1678
+ "testID": undefined,
1679
+ },
1680
+ "type": "View",
1681
+ }
1682
+ `;
1683
+
1684
+ exports[`Toast renders all variants with large size correctly 3`] = `
1685
+ {
1686
+ "$$typeof": Symbol(react.test.json),
1687
+ "children": [
1688
+ {
1689
+ "$$typeof": Symbol(react.test.json),
1690
+ "children": [
1691
+ {
1692
+ "$$typeof": Symbol(react.test.json),
1693
+ "children": [
1694
+ {
1695
+ "$$typeof": Symbol(react.test.json),
1696
+ "children": null,
1697
+ "props": {
1698
+ "style": {
1699
+ "alignItems": "center",
1700
+ "alignSelf": "stretch",
1701
+ "borderBottomLeftRadius": 4,
1702
+ "borderTopLeftRadius": 4,
1703
+ "display": "flex",
1704
+ "flexDirection": "row",
1705
+ "paddingBottom": 8,
1706
+ "paddingLeft": 4,
1707
+ "paddingRight": 4,
1708
+ "paddingTop": 8,
1709
+ },
1710
+ "testID": undefined,
1711
+ },
1712
+ "type": "View",
1713
+ },
1714
+ {
1715
+ "$$typeof": Symbol(react.test.json),
1716
+ "children": [
1717
+ {
1718
+ "$$typeof": Symbol(react.test.json),
1719
+ "children": [
1720
+ "warning toast",
1721
+ ],
1722
+ "props": {
1723
+ "numberOfLines": 0,
1724
+ "style": {
1725
+ "color": "#FFFFFF",
1726
+ "fontFamily": "heading-semibold",
1727
+ "fontSize": 14,
1728
+ },
1729
+ "testID": undefined,
1730
+ },
1731
+ "type": "Text",
1732
+ },
1733
+ {
1734
+ "$$typeof": Symbol(react.test.json),
1735
+ "children": [
1736
+ {
1737
+ "$$typeof": Symbol(react.test.json),
1738
+ "children": [
1739
+ "Details",
1740
+ ],
1741
+ "props": {
1742
+ "numberOfLines": 0,
1743
+ "selectable": undefined,
1744
+ "style": {
1745
+ "color": "#FFFFFF",
1746
+ "fontFamily": "text-regular",
1747
+ "fontSize": 10,
1748
+ "textAlign": "left",
1749
+ },
1750
+ "testID": undefined,
1751
+ },
1752
+ "type": "Text",
1753
+ },
1754
+ ],
1755
+ "props": {},
1756
+ "type": "View",
1757
+ },
1758
+ ],
1759
+ "props": {
1760
+ "style": {
1761
+ "alignItems": "flex-start",
1762
+ "alignSelf": "stretch",
1763
+ "display": "flex",
1764
+ "flexDirection": "column",
1765
+ "flexShrink": 1,
1766
+ "flexWrap": "wrap",
1767
+ "gap": 2,
1768
+ "justifyContent": "center",
1769
+ "paddingBottom": 8,
1770
+ "paddingTop": 8,
1771
+ },
1772
+ "testID": undefined,
1773
+ },
1774
+ "type": "View",
1775
+ },
1776
+ ],
1777
+ "props": {
1778
+ "style": {
1779
+ "alignItems": "center",
1780
+ "display": "flex",
1781
+ "flexDirection": "row",
1782
+ "flexGrow": 1,
1783
+ "flexShrink": 1,
1784
+ "gap": 12,
1785
+ "maxWidth": "100%",
1786
+ "paddingLeft": 8,
1787
+ "paddingRight": 8,
1788
+ },
1789
+ "testID": undefined,
1790
+ },
1791
+ "type": "View",
1792
+ },
1793
+ ],
1794
+ "props": {
1795
+ "style": {
1796
+ "alignItems": "center",
1797
+ "alignSelf": "flex-start",
1798
+ "backgroundColor": "#F36719",
1799
+ "borderRadius": 4,
1800
+ "display": "flex",
1801
+ "flexDirection": "row",
1802
+ "flexShrink": 1,
1803
+ "gap": 10,
1804
+ "maxWidth": "100%",
1805
+ "minHeight": 32,
1806
+ "minWidth": 150,
1807
+ "paddingBottom": 4,
1808
+ "paddingRight": 8,
1809
+ "paddingTop": 4,
1810
+ },
1811
+ "testID": undefined,
1812
+ },
1813
+ "type": "View",
1814
+ },
1815
+ ],
1816
+ "props": {
1817
+ "style": {
1818
+ "display": "flex",
1819
+ "flexDirection": "row",
1820
+ "flexGrow": 1,
1821
+ "justifyContent": "center",
1822
+ "marginTop": 8,
1823
+ "maxWidth": "100%",
1824
+ "paddingLeft": 8,
1825
+ "paddingRight": 8,
1826
+ "width": "100%",
1827
+ },
1828
+ "testID": undefined,
1829
+ },
1830
+ "type": "View",
1831
+ }
1832
+ `;
1833
+
1834
+ exports[`Toast renders all variants with large size correctly 4`] = `
1835
+ {
1836
+ "$$typeof": Symbol(react.test.json),
1837
+ "children": [
1838
+ {
1839
+ "$$typeof": Symbol(react.test.json),
1840
+ "children": [
1841
+ {
1842
+ "$$typeof": Symbol(react.test.json),
1843
+ "children": [
1844
+ {
1845
+ "$$typeof": Symbol(react.test.json),
1846
+ "children": null,
1847
+ "props": {
1848
+ "style": {
1849
+ "alignItems": "center",
1850
+ "alignSelf": "stretch",
1851
+ "borderBottomLeftRadius": 4,
1852
+ "borderTopLeftRadius": 4,
1853
+ "display": "flex",
1854
+ "flexDirection": "row",
1855
+ "paddingBottom": 8,
1856
+ "paddingLeft": 4,
1857
+ "paddingRight": 4,
1858
+ "paddingTop": 8,
1859
+ },
1860
+ "testID": undefined,
1861
+ },
1862
+ "type": "View",
1863
+ },
1864
+ {
1865
+ "$$typeof": Symbol(react.test.json),
1866
+ "children": [
1867
+ {
1868
+ "$$typeof": Symbol(react.test.json),
1869
+ "children": [
1870
+ "error toast",
1871
+ ],
1872
+ "props": {
1873
+ "numberOfLines": 0,
1874
+ "style": {
1875
+ "color": "#FFFFFF",
1876
+ "fontFamily": "heading-semibold",
1877
+ "fontSize": 14,
1878
+ },
1879
+ "testID": undefined,
1880
+ },
1881
+ "type": "Text",
1882
+ },
1883
+ {
1884
+ "$$typeof": Symbol(react.test.json),
1885
+ "children": [
1886
+ {
1887
+ "$$typeof": Symbol(react.test.json),
1888
+ "children": [
1889
+ "Details",
1890
+ ],
1891
+ "props": {
1892
+ "numberOfLines": 0,
1893
+ "selectable": undefined,
1894
+ "style": {
1895
+ "color": "#FFFFFF",
1896
+ "fontFamily": "text-regular",
1897
+ "fontSize": 10,
1898
+ "textAlign": "left",
1899
+ },
1900
+ "testID": undefined,
1901
+ },
1902
+ "type": "Text",
1903
+ },
1904
+ ],
1905
+ "props": {},
1906
+ "type": "View",
1907
+ },
1908
+ ],
1909
+ "props": {
1910
+ "style": {
1911
+ "alignItems": "flex-start",
1912
+ "alignSelf": "stretch",
1913
+ "display": "flex",
1914
+ "flexDirection": "column",
1915
+ "flexShrink": 1,
1916
+ "flexWrap": "wrap",
1917
+ "gap": 2,
1918
+ "justifyContent": "center",
1919
+ "paddingBottom": 8,
1920
+ "paddingTop": 8,
1921
+ },
1922
+ "testID": undefined,
1923
+ },
1924
+ "type": "View",
1925
+ },
1926
+ ],
1927
+ "props": {
1928
+ "style": {
1929
+ "alignItems": "center",
1930
+ "display": "flex",
1931
+ "flexDirection": "row",
1932
+ "flexGrow": 1,
1933
+ "flexShrink": 1,
1934
+ "gap": 12,
1935
+ "maxWidth": "100%",
1936
+ "paddingLeft": 8,
1937
+ "paddingRight": 8,
1938
+ },
1939
+ "testID": undefined,
1940
+ },
1941
+ "type": "View",
1942
+ },
1943
+ ],
1944
+ "props": {
1945
+ "style": {
1946
+ "alignItems": "center",
1947
+ "alignSelf": "flex-start",
1948
+ "backgroundColor": "#BD1111",
1949
+ "borderRadius": 4,
1950
+ "display": "flex",
1951
+ "flexDirection": "row",
1952
+ "flexShrink": 1,
1953
+ "gap": 10,
1954
+ "maxWidth": "100%",
1955
+ "minHeight": 32,
1956
+ "minWidth": 150,
1957
+ "paddingBottom": 4,
1958
+ "paddingRight": 8,
1959
+ "paddingTop": 4,
1960
+ },
1961
+ "testID": undefined,
1962
+ },
1963
+ "type": "View",
1964
+ },
1965
+ ],
1966
+ "props": {
1967
+ "style": {
1968
+ "display": "flex",
1969
+ "flexDirection": "row",
1970
+ "flexGrow": 1,
1971
+ "justifyContent": "center",
1972
+ "marginTop": 8,
1973
+ "maxWidth": "100%",
1974
+ "paddingLeft": 8,
1975
+ "paddingRight": 8,
1976
+ "width": "100%",
1977
+ },
1978
+ "testID": undefined,
1979
+ },
1980
+ "type": "View",
1981
+ }
1982
+ `;