@terreno/ui 0.0.15 → 0.0.17

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 (173) hide show
  1. package/dist/Button.js +7 -9
  2. package/dist/Button.js.map +1 -1
  3. package/dist/Common.d.ts +39 -0
  4. package/dist/DateUtilities.js +2 -2
  5. package/dist/UserInactivity.d.ts +28 -0
  6. package/dist/UserInactivity.js +100 -0
  7. package/dist/UserInactivity.js.map +1 -0
  8. package/dist/index.d.ts +1 -0
  9. package/dist/index.js +1 -0
  10. package/dist/index.js.map +1 -1
  11. package/package.json +1 -1
  12. package/src/ActionSheet.test.tsx +77 -0
  13. package/src/Banner.test.tsx +106 -0
  14. package/src/Body.test.tsx +79 -0
  15. package/src/BooleanField.test.tsx +84 -0
  16. package/src/Button.test.tsx +160 -0
  17. package/src/Button.tsx +20 -37
  18. package/src/Card.test.tsx +61 -0
  19. package/src/CheckBox.test.tsx +53 -0
  20. package/src/Common.ts +45 -0
  21. package/src/CustomSelectField.test.tsx +85 -0
  22. package/src/DataTable.test.tsx +133 -0
  23. package/src/DateTimeActionSheet.test.tsx +65 -0
  24. package/src/DateUtilities.tsx +2 -2
  25. package/src/DecimalRangeActionSheet.test.tsx +46 -0
  26. package/src/DismissButton.test.tsx +49 -0
  27. package/src/EmailField.test.tsx +106 -0
  28. package/src/ErrorBoundary.test.tsx +44 -0
  29. package/src/ErrorPage.test.tsx +44 -0
  30. package/src/Field.test.tsx +128 -0
  31. package/src/Heading.test.tsx +66 -0
  32. package/src/HeightActionSheet.test.tsx +34 -0
  33. package/src/Hyperlink.test.tsx +52 -0
  34. package/src/Icon.test.tsx +61 -0
  35. package/src/IconButton.test.tsx +145 -0
  36. package/src/Image.test.tsx +65 -0
  37. package/src/ImageBackground.test.tsx +46 -0
  38. package/src/InfoModalIcon.test.tsx +54 -0
  39. package/src/InfoTooltipButton.test.tsx +22 -0
  40. package/src/Link.test.tsx +64 -0
  41. package/src/MarkdownView.test.tsx +50 -0
  42. package/src/MobileAddressAutoComplete.test.tsx +58 -0
  43. package/src/Modal.test.tsx +169 -0
  44. package/src/ModalSheet.test.tsx +52 -0
  45. package/src/MultiselectField.test.tsx +134 -0
  46. package/src/NumberField.test.tsx +133 -0
  47. package/src/NumberPickerActionSheet.test.tsx +46 -0
  48. package/src/OpenAPIContext.test.tsx +36 -0
  49. package/src/Page.test.tsx +128 -0
  50. package/src/Pagination.test.tsx +86 -0
  51. package/src/PasswordField.test.tsx +17 -0
  52. package/src/PhoneNumberField.test.tsx +79 -0
  53. package/src/PickerSelect.test.tsx +52 -0
  54. package/src/Radio.test.tsx +30 -0
  55. package/src/RadioField.test.tsx +89 -0
  56. package/src/SectionDivider.test.tsx +17 -0
  57. package/src/SegmentedControl.test.tsx +84 -0
  58. package/src/SelectBadge.test.tsx +103 -0
  59. package/src/SelectField.test.tsx +84 -0
  60. package/src/SideDrawer.test.tsx +99 -0
  61. package/src/Signature.test.tsx +32 -0
  62. package/src/SignatureField.test.tsx +60 -0
  63. package/src/Spinner.test.tsx +74 -0
  64. package/src/SplitPage.test.tsx +82 -0
  65. package/src/TapToEdit.test.tsx +147 -0
  66. package/src/TerrenoProvider.test.tsx +36 -0
  67. package/src/Text.test.tsx +147 -0
  68. package/src/Theme.test.tsx +153 -0
  69. package/src/TimezonePicker.test.tsx +57 -0
  70. package/src/Toast.test.tsx +82 -0
  71. package/src/Tooltip.test.tsx +89 -0
  72. package/src/UnifiedAddressAutoComplete.test.tsx +53 -0
  73. package/src/UserInactivity.test.tsx +96 -0
  74. package/src/UserInactivity.tsx +129 -0
  75. package/src/Utilities.test.tsx +237 -0
  76. package/src/WebAddressAutocomplete.test.tsx +33 -0
  77. package/src/__snapshots__/ActionSheet.test.tsx.snap +889 -0
  78. package/src/__snapshots__/Banner.test.tsx.snap +546 -0
  79. package/src/__snapshots__/Body.test.tsx.snap +685 -0
  80. package/src/__snapshots__/BooleanField.test.tsx.snap +553 -0
  81. package/src/__snapshots__/Button.test.tsx.snap +934 -0
  82. package/src/__snapshots__/Card.test.tsx.snap +195 -0
  83. package/src/__snapshots__/CheckBox.test.tsx.snap +190 -0
  84. package/src/__snapshots__/CustomSelectField.test.tsx.snap +2299 -0
  85. package/src/__snapshots__/DataTable.test.tsx.snap +9614 -0
  86. package/src/__snapshots__/DateTimeActionSheet.test.tsx.snap +11 -0
  87. package/src/__snapshots__/DecimalRangeActionSheet.test.tsx.snap +1719 -0
  88. package/src/__snapshots__/DismissButton.test.tsx.snap +91 -0
  89. package/src/__snapshots__/EmailField.test.tsx.snap +168 -0
  90. package/src/__snapshots__/ErrorBoundary.test.tsx.snap +57 -0
  91. package/src/__snapshots__/ErrorPage.test.tsx.snap +195 -0
  92. package/src/__snapshots__/Field.test.tsx.snap +4510 -0
  93. package/src/__snapshots__/Heading.test.tsx.snap +193 -0
  94. package/src/__snapshots__/HeightActionSheet.test.tsx.snap +1269 -0
  95. package/src/__snapshots__/Hyperlink.test.tsx.snap +81 -0
  96. package/src/__snapshots__/Icon.test.tsx.snap +47 -0
  97. package/src/__snapshots__/IconButton.test.tsx.snap +29 -0
  98. package/src/__snapshots__/Image.test.tsx.snap +282 -0
  99. package/src/__snapshots__/ImageBackground.test.tsx.snap +120 -0
  100. package/src/__snapshots__/InfoModalIcon.test.tsx.snap +1229 -0
  101. package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +7 -0
  102. package/src/__snapshots__/Link.test.tsx.snap +41 -0
  103. package/src/__snapshots__/MarkdownView.test.tsx.snap +965 -0
  104. package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +230 -0
  105. package/src/__snapshots__/Modal.test.tsx.snap +1477 -0
  106. package/src/__snapshots__/ModalSheet.test.tsx.snap +37 -0
  107. package/src/__snapshots__/MultiselectField.test.tsx.snap +1454 -0
  108. package/src/__snapshots__/NumberField.test.tsx.snap +80 -0
  109. package/src/__snapshots__/NumberPickerActionSheet.test.tsx.snap +5359 -0
  110. package/src/__snapshots__/OpenAPIContext.test.tsx.snap +14 -0
  111. package/src/__snapshots__/Page.test.tsx.snap +1647 -0
  112. package/src/__snapshots__/Pagination.test.tsx.snap +1913 -0
  113. package/src/__snapshots__/PasswordField.test.tsx.snap +15 -0
  114. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +405 -0
  115. package/src/__snapshots__/PickerSelect.test.tsx.snap +1053 -0
  116. package/src/__snapshots__/Radio.test.tsx.snap +111 -0
  117. package/src/__snapshots__/RadioField.test.tsx.snap +944 -0
  118. package/src/__snapshots__/SectionDivider.test.tsx.snap +37 -0
  119. package/src/__snapshots__/SegmentedControl.test.tsx.snap +1422 -0
  120. package/src/__snapshots__/SelectBadge.test.tsx.snap +2377 -0
  121. package/src/__snapshots__/SelectField.test.tsx.snap +1658 -0
  122. package/src/__snapshots__/SideDrawer.test.tsx.snap +1857 -0
  123. package/src/__snapshots__/Signature.test.tsx.snap +67 -0
  124. package/src/__snapshots__/SignatureField.test.tsx.snap +241 -0
  125. package/src/__snapshots__/Spinner.test.tsx.snap +73 -0
  126. package/src/__snapshots__/SplitPage.test.tsx.snap +686 -0
  127. package/src/__snapshots__/TapToEdit.test.tsx.snap +839 -0
  128. package/src/__snapshots__/TerrenoProvider.test.tsx.snap +203 -0
  129. package/src/__snapshots__/Text.test.tsx.snap +558 -0
  130. package/src/__snapshots__/TimezonePicker.test.tsx.snap +6676 -0
  131. package/src/__snapshots__/Toast.test.tsx.snap +1982 -0
  132. package/src/__snapshots__/Tooltip.test.tsx.snap +456 -0
  133. package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +377 -0
  134. package/src/__snapshots__/UserInactivity.test.tsx.snap +108 -0
  135. package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +238 -0
  136. package/src/bunSetup.ts +101 -8
  137. package/src/fieldElements/FieldError.test.tsx +40 -0
  138. package/src/fieldElements/FieldHelperText.test.tsx +34 -0
  139. package/src/fieldElements/FieldTitle.test.tsx +30 -0
  140. package/src/fieldElements/__snapshots__/FieldError.test.tsx.snap +85 -0
  141. package/src/fieldElements/__snapshots__/FieldHelperText.test.tsx.snap +30 -0
  142. package/src/fieldElements/__snapshots__/FieldTitle.test.tsx.snap +19 -0
  143. package/src/icons/MobileIcon.test.tsx +21 -0
  144. package/src/icons/OfflineIcon.test.tsx +21 -0
  145. package/src/icons/OnlineIcon.test.tsx +21 -0
  146. package/src/icons/OutOfficeIcon.test.tsx +21 -0
  147. package/src/icons/__snapshots__/MobileIcon.test.tsx.snap +160 -0
  148. package/src/icons/__snapshots__/OfflineIcon.test.tsx.snap +133 -0
  149. package/src/icons/__snapshots__/OnlineIcon.test.tsx.snap +124 -0
  150. package/src/icons/__snapshots__/OutOfficeIcon.test.tsx.snap +160 -0
  151. package/src/index.tsx +1 -0
  152. package/src/table/Table.test.tsx +107 -0
  153. package/src/table/TableBadge.test.tsx +53 -0
  154. package/src/table/TableBoolean.test.tsx +38 -0
  155. package/src/table/TableDate.test.tsx +27 -0
  156. package/src/table/TableHeader.test.tsx +67 -0
  157. package/src/table/TableHeaderCell.test.tsx +113 -0
  158. package/src/table/TableIconButton.test.tsx +51 -0
  159. package/src/table/TableNumber.test.tsx +45 -0
  160. package/src/table/TableRow.test.tsx +83 -0
  161. package/src/table/TableText.test.tsx +30 -0
  162. package/src/table/TableTitle.test.tsx +30 -0
  163. package/src/table/__snapshots__/Table.test.tsx.snap +2090 -0
  164. package/src/table/__snapshots__/TableBadge.test.tsx.snap +710 -0
  165. package/src/table/__snapshots__/TableBoolean.test.tsx.snap +231 -0
  166. package/src/table/__snapshots__/TableDate.test.tsx.snap +61 -0
  167. package/src/table/__snapshots__/TableHeader.test.tsx.snap +1089 -0
  168. package/src/table/__snapshots__/TableHeaderCell.test.tsx.snap +1773 -0
  169. package/src/table/__snapshots__/TableIconButton.test.tsx.snap +81 -0
  170. package/src/table/__snapshots__/TableNumber.test.tsx.snap +91 -0
  171. package/src/table/__snapshots__/TableRow.test.tsx.snap +1391 -0
  172. package/src/table/__snapshots__/TableText.test.tsx.snap +73 -0
  173. package/src/table/__snapshots__/TableTitle.test.tsx.snap +109 -0
package/src/__snapshots__/SegmentedControl.test.tsx.snap ADDED
@@ -0,0 +1,1422 @@
1
+ // Bun Snapshot v1, https://bun.sh/docs/test/snapshots
2
+
3
+ exports[`SegmentedControl 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": [
16
+ {
17
+ "$$typeof": Symbol(react.test.json),
18
+ "children": [
19
+ "Tab 1",
20
+ ],
21
+ "props": {
22
+ "numberOfLines": 0,
23
+ "style": {
24
+ "color": "#1C1C1C",
25
+ "fontFamily": "heading-semibold",
26
+ "fontSize": 14,
27
+ },
28
+ "testID": undefined,
29
+ },
30
+ "type": "Text",
31
+ },
32
+ ],
33
+ "props": {
34
+ "aria-role": "button",
35
+ "onPress": [Function],
36
+ "style": {
37
+ "alignItems": "center",
38
+ "backgroundColor": "#FFFFFF",
39
+ "borderRadius": 360,
40
+ "display": "flex",
41
+ "flexBasis": 0,
42
+ "flexDirection": "row",
43
+ "flexGrow": 1,
44
+ "gap": 8,
45
+ "height": "100%",
46
+ "justifyContent": "center",
47
+ "overflow": "hidden",
48
+ "paddingHorizontal": 2,
49
+ },
50
+ },
51
+ "type": "Pressable",
52
+ },
53
+ {
54
+ "$$typeof": Symbol(react.test.json),
55
+ "children": [
56
+ {
57
+ "$$typeof": Symbol(react.test.json),
58
+ "children": [
59
+ "Tab 2",
60
+ ],
61
+ "props": {
62
+ "numberOfLines": 0,
63
+ "style": {
64
+ "color": "#1C1C1C",
65
+ "fontFamily": "heading-semibold",
66
+ "fontSize": 14,
67
+ },
68
+ "testID": undefined,
69
+ },
70
+ "type": "Text",
71
+ },
72
+ ],
73
+ "props": {
74
+ "aria-role": "button",
75
+ "onPress": [Function],
76
+ "style": {
77
+ "alignItems": "center",
78
+ "backgroundColor": undefined,
79
+ "borderRadius": 360,
80
+ "display": "flex",
81
+ "flexBasis": 0,
82
+ "flexDirection": "row",
83
+ "flexGrow": 1,
84
+ "gap": 8,
85
+ "height": "100%",
86
+ "justifyContent": "center",
87
+ "overflow": "hidden",
88
+ "paddingHorizontal": 2,
89
+ },
90
+ },
91
+ "type": "Pressable",
92
+ },
93
+ {
94
+ "$$typeof": Symbol(react.test.json),
95
+ "children": [
96
+ {
97
+ "$$typeof": Symbol(react.test.json),
98
+ "children": [
99
+ "Tab 3",
100
+ ],
101
+ "props": {
102
+ "numberOfLines": 0,
103
+ "style": {
104
+ "color": "#1C1C1C",
105
+ "fontFamily": "heading-semibold",
106
+ "fontSize": 14,
107
+ },
108
+ "testID": undefined,
109
+ },
110
+ "type": "Text",
111
+ },
112
+ ],
113
+ "props": {
114
+ "aria-role": "button",
115
+ "onPress": [Function],
116
+ "style": {
117
+ "alignItems": "center",
118
+ "backgroundColor": undefined,
119
+ "borderRadius": 360,
120
+ "display": "flex",
121
+ "flexBasis": 0,
122
+ "flexDirection": "row",
123
+ "flexGrow": 1,
124
+ "gap": 8,
125
+ "height": "100%",
126
+ "justifyContent": "center",
127
+ "overflow": "hidden",
128
+ "paddingHorizontal": 2,
129
+ },
130
+ },
131
+ "type": "Pressable",
132
+ },
133
+ ],
134
+ "props": {
135
+ "style": {
136
+ "display": "flex",
137
+ "flexDirection": "row",
138
+ "flexGrow": 1,
139
+ "gap": 4,
140
+ "height": 32,
141
+ "paddingHorizontal": 4,
142
+ },
143
+ "testID": undefined,
144
+ },
145
+ "type": "View",
146
+ },
147
+ ],
148
+ "props": {
149
+ "style": {
150
+ "alignItems": "center",
151
+ "backgroundColor": "#CDCDCD",
152
+ "borderRadius": 360,
153
+ "display": "flex",
154
+ "flexDirection": "row",
155
+ "flexGrow": 1,
156
+ "flexShrink": 1,
157
+ "height": 36,
158
+ "maxHeight": 36,
159
+ "overflow": "hidden",
160
+ },
161
+ "testID": undefined,
162
+ },
163
+ "type": "View",
164
+ },
165
+ ],
166
+ "props": {
167
+ "style": {
168
+ "alignItems": "center",
169
+ "display": "flex",
170
+ "flexDirection": "row",
171
+ "gap": 8,
172
+ },
173
+ "testID": undefined,
174
+ },
175
+ "type": "View",
176
+ }
177
+ `;
178
+
179
+ exports[`SegmentedControl highlights selected item 1`] = `
180
+ {
181
+ "$$typeof": Symbol(react.test.json),
182
+ "children": [
183
+ {
184
+ "$$typeof": Symbol(react.test.json),
185
+ "children": [
186
+ {
187
+ "$$typeof": Symbol(react.test.json),
188
+ "children": [
189
+ {
190
+ "$$typeof": Symbol(react.test.json),
191
+ "children": [
192
+ {
193
+ "$$typeof": Symbol(react.test.json),
194
+ "children": [
195
+ "Tab 1",
196
+ ],
197
+ "props": {
198
+ "numberOfLines": 0,
199
+ "style": {
200
+ "color": "#1C1C1C",
201
+ "fontFamily": "heading-semibold",
202
+ "fontSize": 14,
203
+ },
204
+ "testID": undefined,
205
+ },
206
+ "type": "Text",
207
+ },
208
+ ],
209
+ "props": {
210
+ "aria-role": "button",
211
+ "onPress": [Function],
212
+ "style": {
213
+ "alignItems": "center",
214
+ "backgroundColor": undefined,
215
+ "borderRadius": 360,
216
+ "display": "flex",
217
+ "flexBasis": 0,
218
+ "flexDirection": "row",
219
+ "flexGrow": 1,
220
+ "gap": 8,
221
+ "height": "100%",
222
+ "justifyContent": "center",
223
+ "overflow": "hidden",
224
+ "paddingHorizontal": 2,
225
+ },
226
+ },
227
+ "type": "Pressable",
228
+ },
229
+ {
230
+ "$$typeof": Symbol(react.test.json),
231
+ "children": [
232
+ {
233
+ "$$typeof": Symbol(react.test.json),
234
+ "children": [
235
+ "Tab 2",
236
+ ],
237
+ "props": {
238
+ "numberOfLines": 0,
239
+ "style": {
240
+ "color": "#1C1C1C",
241
+ "fontFamily": "heading-semibold",
242
+ "fontSize": 14,
243
+ },
244
+ "testID": undefined,
245
+ },
246
+ "type": "Text",
247
+ },
248
+ ],
249
+ "props": {
250
+ "aria-role": "button",
251
+ "onPress": [Function],
252
+ "style": {
253
+ "alignItems": "center",
254
+ "backgroundColor": "#FFFFFF",
255
+ "borderRadius": 360,
256
+ "display": "flex",
257
+ "flexBasis": 0,
258
+ "flexDirection": "row",
259
+ "flexGrow": 1,
260
+ "gap": 8,
261
+ "height": "100%",
262
+ "justifyContent": "center",
263
+ "overflow": "hidden",
264
+ "paddingHorizontal": 2,
265
+ },
266
+ },
267
+ "type": "Pressable",
268
+ },
269
+ {
270
+ "$$typeof": Symbol(react.test.json),
271
+ "children": [
272
+ {
273
+ "$$typeof": Symbol(react.test.json),
274
+ "children": [
275
+ "Tab 3",
276
+ ],
277
+ "props": {
278
+ "numberOfLines": 0,
279
+ "style": {
280
+ "color": "#1C1C1C",
281
+ "fontFamily": "heading-semibold",
282
+ "fontSize": 14,
283
+ },
284
+ "testID": undefined,
285
+ },
286
+ "type": "Text",
287
+ },
288
+ ],
289
+ "props": {
290
+ "aria-role": "button",
291
+ "onPress": [Function],
292
+ "style": {
293
+ "alignItems": "center",
294
+ "backgroundColor": undefined,
295
+ "borderRadius": 360,
296
+ "display": "flex",
297
+ "flexBasis": 0,
298
+ "flexDirection": "row",
299
+ "flexGrow": 1,
300
+ "gap": 8,
301
+ "height": "100%",
302
+ "justifyContent": "center",
303
+ "overflow": "hidden",
304
+ "paddingHorizontal": 2,
305
+ },
306
+ },
307
+ "type": "Pressable",
308
+ },
309
+ ],
310
+ "props": {
311
+ "style": {
312
+ "display": "flex",
313
+ "flexDirection": "row",
314
+ "flexGrow": 1,
315
+ "gap": 4,
316
+ "height": 32,
317
+ "paddingHorizontal": 4,
318
+ },
319
+ "testID": undefined,
320
+ },
321
+ "type": "View",
322
+ },
323
+ ],
324
+ "props": {
325
+ "style": {
326
+ "alignItems": "center",
327
+ "backgroundColor": "#CDCDCD",
328
+ "borderRadius": 360,
329
+ "display": "flex",
330
+ "flexDirection": "row",
331
+ "flexGrow": 1,
332
+ "flexShrink": 1,
333
+ "height": 36,
334
+ "maxHeight": 36,
335
+ "overflow": "hidden",
336
+ },
337
+ "testID": undefined,
338
+ },
339
+ "type": "View",
340
+ },
341
+ ],
342
+ "props": {
343
+ "style": {
344
+ "alignItems": "center",
345
+ "display": "flex",
346
+ "flexDirection": "row",
347
+ "gap": 8,
348
+ },
349
+ "testID": undefined,
350
+ },
351
+ "type": "View",
352
+ }
353
+ `;
354
+
355
+ exports[`SegmentedControl renders with medium size (default) 1`] = `
356
+ {
357
+ "$$typeof": Symbol(react.test.json),
358
+ "children": [
359
+ {
360
+ "$$typeof": Symbol(react.test.json),
361
+ "children": [
362
+ {
363
+ "$$typeof": Symbol(react.test.json),
364
+ "children": [
365
+ {
366
+ "$$typeof": Symbol(react.test.json),
367
+ "children": [
368
+ {
369
+ "$$typeof": Symbol(react.test.json),
370
+ "children": [
371
+ "Tab 1",
372
+ ],
373
+ "props": {
374
+ "numberOfLines": 0,
375
+ "style": {
376
+ "color": "#1C1C1C",
377
+ "fontFamily": "heading-semibold",
378
+ "fontSize": 14,
379
+ },
380
+ "testID": undefined,
381
+ },
382
+ "type": "Text",
383
+ },
384
+ ],
385
+ "props": {
386
+ "aria-role": "button",
387
+ "onPress": [Function],
388
+ "style": {
389
+ "alignItems": "center",
390
+ "backgroundColor": "#FFFFFF",
391
+ "borderRadius": 360,
392
+ "display": "flex",
393
+ "flexBasis": 0,
394
+ "flexDirection": "row",
395
+ "flexGrow": 1,
396
+ "gap": 8,
397
+ "height": "100%",
398
+ "justifyContent": "center",
399
+ "overflow": "hidden",
400
+ "paddingHorizontal": 2,
401
+ },
402
+ },
403
+ "type": "Pressable",
404
+ },
405
+ {
406
+ "$$typeof": Symbol(react.test.json),
407
+ "children": [
408
+ {
409
+ "$$typeof": Symbol(react.test.json),
410
+ "children": [
411
+ "Tab 2",
412
+ ],
413
+ "props": {
414
+ "numberOfLines": 0,
415
+ "style": {
416
+ "color": "#1C1C1C",
417
+ "fontFamily": "heading-semibold",
418
+ "fontSize": 14,
419
+ },
420
+ "testID": undefined,
421
+ },
422
+ "type": "Text",
423
+ },
424
+ ],
425
+ "props": {
426
+ "aria-role": "button",
427
+ "onPress": [Function],
428
+ "style": {
429
+ "alignItems": "center",
430
+ "backgroundColor": undefined,
431
+ "borderRadius": 360,
432
+ "display": "flex",
433
+ "flexBasis": 0,
434
+ "flexDirection": "row",
435
+ "flexGrow": 1,
436
+ "gap": 8,
437
+ "height": "100%",
438
+ "justifyContent": "center",
439
+ "overflow": "hidden",
440
+ "paddingHorizontal": 2,
441
+ },
442
+ },
443
+ "type": "Pressable",
444
+ },
445
+ {
446
+ "$$typeof": Symbol(react.test.json),
447
+ "children": [
448
+ {
449
+ "$$typeof": Symbol(react.test.json),
450
+ "children": [
451
+ "Tab 3",
452
+ ],
453
+ "props": {
454
+ "numberOfLines": 0,
455
+ "style": {
456
+ "color": "#1C1C1C",
457
+ "fontFamily": "heading-semibold",
458
+ "fontSize": 14,
459
+ },
460
+ "testID": undefined,
461
+ },
462
+ "type": "Text",
463
+ },
464
+ ],
465
+ "props": {
466
+ "aria-role": "button",
467
+ "onPress": [Function],
468
+ "style": {
469
+ "alignItems": "center",
470
+ "backgroundColor": undefined,
471
+ "borderRadius": 360,
472
+ "display": "flex",
473
+ "flexBasis": 0,
474
+ "flexDirection": "row",
475
+ "flexGrow": 1,
476
+ "gap": 8,
477
+ "height": "100%",
478
+ "justifyContent": "center",
479
+ "overflow": "hidden",
480
+ "paddingHorizontal": 2,
481
+ },
482
+ },
483
+ "type": "Pressable",
484
+ },
485
+ ],
486
+ "props": {
487
+ "style": {
488
+ "display": "flex",
489
+ "flexDirection": "row",
490
+ "flexGrow": 1,
491
+ "gap": 4,
492
+ "height": 32,
493
+ "paddingHorizontal": 4,
494
+ },
495
+ "testID": undefined,
496
+ },
497
+ "type": "View",
498
+ },
499
+ ],
500
+ "props": {
501
+ "style": {
502
+ "alignItems": "center",
503
+ "backgroundColor": "#CDCDCD",
504
+ "borderRadius": 360,
505
+ "display": "flex",
506
+ "flexDirection": "row",
507
+ "flexGrow": 1,
508
+ "flexShrink": 1,
509
+ "height": 36,
510
+ "maxHeight": 36,
511
+ "overflow": "hidden",
512
+ },
513
+ "testID": undefined,
514
+ },
515
+ "type": "View",
516
+ },
517
+ ],
518
+ "props": {
519
+ "style": {
520
+ "alignItems": "center",
521
+ "display": "flex",
522
+ "flexDirection": "row",
523
+ "gap": 8,
524
+ },
525
+ "testID": undefined,
526
+ },
527
+ "type": "View",
528
+ }
529
+ `;
530
+
531
+ exports[`SegmentedControl renders with large size 1`] = `
532
+ {
533
+ "$$typeof": Symbol(react.test.json),
534
+ "children": [
535
+ {
536
+ "$$typeof": Symbol(react.test.json),
537
+ "children": [
538
+ {
539
+ "$$typeof": Symbol(react.test.json),
540
+ "children": [
541
+ {
542
+ "$$typeof": Symbol(react.test.json),
543
+ "children": [
544
+ {
545
+ "$$typeof": Symbol(react.test.json),
546
+ "children": [
547
+ "Tab 1",
548
+ ],
549
+ "props": {
550
+ "numberOfLines": 0,
551
+ "style": {
552
+ "color": "#1C1C1C",
553
+ "fontFamily": "heading-semibold",
554
+ "fontSize": 14,
555
+ },
556
+ "testID": undefined,
557
+ },
558
+ "type": "Text",
559
+ },
560
+ ],
561
+ "props": {
562
+ "aria-role": "button",
563
+ "onPress": [Function],
564
+ "style": {
565
+ "alignItems": "center",
566
+ "backgroundColor": "#FFFFFF",
567
+ "borderRadius": 360,
568
+ "display": "flex",
569
+ "flexBasis": 0,
570
+ "flexDirection": "row",
571
+ "flexGrow": 1,
572
+ "gap": 8,
573
+ "height": "100%",
574
+ "justifyContent": "center",
575
+ "overflow": "hidden",
576
+ "paddingHorizontal": 2,
577
+ },
578
+ },
579
+ "type": "Pressable",
580
+ },
581
+ {
582
+ "$$typeof": Symbol(react.test.json),
583
+ "children": [
584
+ {
585
+ "$$typeof": Symbol(react.test.json),
586
+ "children": [
587
+ "Tab 2",
588
+ ],
589
+ "props": {
590
+ "numberOfLines": 0,
591
+ "style": {
592
+ "color": "#1C1C1C",
593
+ "fontFamily": "heading-semibold",
594
+ "fontSize": 14,
595
+ },
596
+ "testID": undefined,
597
+ },
598
+ "type": "Text",
599
+ },
600
+ ],
601
+ "props": {
602
+ "aria-role": "button",
603
+ "onPress": [Function],
604
+ "style": {
605
+ "alignItems": "center",
606
+ "backgroundColor": undefined,
607
+ "borderRadius": 360,
608
+ "display": "flex",
609
+ "flexBasis": 0,
610
+ "flexDirection": "row",
611
+ "flexGrow": 1,
612
+ "gap": 8,
613
+ "height": "100%",
614
+ "justifyContent": "center",
615
+ "overflow": "hidden",
616
+ "paddingHorizontal": 2,
617
+ },
618
+ },
619
+ "type": "Pressable",
620
+ },
621
+ {
622
+ "$$typeof": Symbol(react.test.json),
623
+ "children": [
624
+ {
625
+ "$$typeof": Symbol(react.test.json),
626
+ "children": [
627
+ "Tab 3",
628
+ ],
629
+ "props": {
630
+ "numberOfLines": 0,
631
+ "style": {
632
+ "color": "#1C1C1C",
633
+ "fontFamily": "heading-semibold",
634
+ "fontSize": 14,
635
+ },
636
+ "testID": undefined,
637
+ },
638
+ "type": "Text",
639
+ },
640
+ ],
641
+ "props": {
642
+ "aria-role": "button",
643
+ "onPress": [Function],
644
+ "style": {
645
+ "alignItems": "center",
646
+ "backgroundColor": undefined,
647
+ "borderRadius": 360,
648
+ "display": "flex",
649
+ "flexBasis": 0,
650
+ "flexDirection": "row",
651
+ "flexGrow": 1,
652
+ "gap": 8,
653
+ "height": "100%",
654
+ "justifyContent": "center",
655
+ "overflow": "hidden",
656
+ "paddingHorizontal": 2,
657
+ },
658
+ },
659
+ "type": "Pressable",
660
+ },
661
+ ],
662
+ "props": {
663
+ "style": {
664
+ "display": "flex",
665
+ "flexDirection": "row",
666
+ "flexGrow": 1,
667
+ "gap": 4,
668
+ "height": 40,
669
+ "paddingHorizontal": 4,
670
+ },
671
+ "testID": undefined,
672
+ },
673
+ "type": "View",
674
+ },
675
+ ],
676
+ "props": {
677
+ "style": {
678
+ "alignItems": "center",
679
+ "backgroundColor": "#CDCDCD",
680
+ "borderRadius": 360,
681
+ "display": "flex",
682
+ "flexDirection": "row",
683
+ "flexGrow": 1,
684
+ "flexShrink": 1,
685
+ "height": 44,
686
+ "maxHeight": 44,
687
+ "overflow": "hidden",
688
+ },
689
+ "testID": undefined,
690
+ },
691
+ "type": "View",
692
+ },
693
+ ],
694
+ "props": {
695
+ "style": {
696
+ "alignItems": "center",
697
+ "display": "flex",
698
+ "flexDirection": "row",
699
+ "gap": 8,
700
+ },
701
+ "testID": undefined,
702
+ },
703
+ "type": "View",
704
+ }
705
+ `;
706
+
707
+ exports[`SegmentedControl renders with badges 1`] = `
708
+ {
709
+ "$$typeof": Symbol(react.test.json),
710
+ "children": [
711
+ {
712
+ "$$typeof": Symbol(react.test.json),
713
+ "children": [
714
+ {
715
+ "$$typeof": Symbol(react.test.json),
716
+ "children": [
717
+ {
718
+ "$$typeof": Symbol(react.test.json),
719
+ "children": [
720
+ {
721
+ "$$typeof": Symbol(react.test.json),
722
+ "children": [
723
+ "Tab 1",
724
+ ],
725
+ "props": {
726
+ "numberOfLines": 0,
727
+ "style": {
728
+ "color": "#1C1C1C",
729
+ "fontFamily": "heading-semibold",
730
+ "fontSize": 14,
731
+ },
732
+ "testID": undefined,
733
+ },
734
+ "type": "Text",
735
+ },
736
+ {
737
+ "$$typeof": Symbol(react.test.json),
738
+ "children": [
739
+ {
740
+ "$$typeof": Symbol(react.test.json),
741
+ "children": [
742
+ {
743
+ "$$typeof": Symbol(react.test.json),
744
+ "children": [
745
+ "5",
746
+ ],
747
+ "props": {
748
+ "style": {
749
+ "color": "#FFFFFF",
750
+ "fontFamily": "text",
751
+ "fontSize": 10,
752
+ "fontWeight": "700",
753
+ },
754
+ },
755
+ "type": "Text",
756
+ },
757
+ ],
758
+ "props": {
759
+ "style": [
760
+ {
761
+ "alignItems": "center",
762
+ "backgroundColor": "#2B6072",
763
+ "borderRadius": 360,
764
+ "flexDirection": "row",
765
+ "height": "auto",
766
+ "justifyContent": "center",
767
+ "paddingHorizontal": 8,
768
+ "paddingVertical": 4,
769
+ "width": "auto",
770
+ },
771
+ false,
772
+ false,
773
+ ],
774
+ "testID": undefined,
775
+ },
776
+ "type": "View",
777
+ },
778
+ ],
779
+ "props": {
780
+ "style": {
781
+ "alignItems": "flex-start",
782
+ },
783
+ "testID": undefined,
784
+ },
785
+ "type": "View",
786
+ },
787
+ ],
788
+ "props": {
789
+ "aria-role": "button",
790
+ "onPress": [Function],
791
+ "style": {
792
+ "alignItems": "center",
793
+ "backgroundColor": "#FFFFFF",
794
+ "borderRadius": 360,
795
+ "display": "flex",
796
+ "flexBasis": 0,
797
+ "flexDirection": "row",
798
+ "flexGrow": 1,
799
+ "gap": 8,
800
+ "height": "100%",
801
+ "justifyContent": "center",
802
+ "overflow": "hidden",
803
+ "paddingHorizontal": 2,
804
+ },
805
+ },
806
+ "type": "Pressable",
807
+ },
808
+ {
809
+ "$$typeof": Symbol(react.test.json),
810
+ "children": [
811
+ {
812
+ "$$typeof": Symbol(react.test.json),
813
+ "children": [
814
+ "Tab 2",
815
+ ],
816
+ "props": {
817
+ "numberOfLines": 0,
818
+ "style": {
819
+ "color": "#1C1C1C",
820
+ "fontFamily": "heading-semibold",
821
+ "fontSize": 14,
822
+ },
823
+ "testID": undefined,
824
+ },
825
+ "type": "Text",
826
+ },
827
+ {
828
+ "$$typeof": Symbol(react.test.json),
829
+ "children": [
830
+ {
831
+ "$$typeof": Symbol(react.test.json),
832
+ "children": [
833
+ {
834
+ "$$typeof": Symbol(react.test.json),
835
+ "children": [
836
+ "3",
837
+ ],
838
+ "props": {
839
+ "style": {
840
+ "color": "#FFFFFF",
841
+ "fontFamily": "text",
842
+ "fontSize": 10,
843
+ "fontWeight": "700",
844
+ },
845
+ },
846
+ "type": "Text",
847
+ },
848
+ ],
849
+ "props": {
850
+ "style": [
851
+ {
852
+ "alignItems": "center",
853
+ "backgroundColor": "#F36719",
854
+ "borderRadius": 360,
855
+ "flexDirection": "row",
856
+ "height": "auto",
857
+ "justifyContent": "center",
858
+ "paddingHorizontal": 8,
859
+ "paddingVertical": 4,
860
+ "width": "auto",
861
+ },
862
+ false,
863
+ false,
864
+ ],
865
+ "testID": undefined,
866
+ },
867
+ "type": "View",
868
+ },
869
+ ],
870
+ "props": {
871
+ "style": {
872
+ "alignItems": "flex-start",
873
+ },
874
+ "testID": undefined,
875
+ },
876
+ "type": "View",
877
+ },
878
+ ],
879
+ "props": {
880
+ "aria-role": "button",
881
+ "onPress": [Function],
882
+ "style": {
883
+ "alignItems": "center",
884
+ "backgroundColor": undefined,
885
+ "borderRadius": 360,
886
+ "display": "flex",
887
+ "flexBasis": 0,
888
+ "flexDirection": "row",
889
+ "flexGrow": 1,
890
+ "gap": 8,
891
+ "height": "100%",
892
+ "justifyContent": "center",
893
+ "overflow": "hidden",
894
+ "paddingHorizontal": 2,
895
+ },
896
+ },
897
+ "type": "Pressable",
898
+ },
899
+ {
900
+ "$$typeof": Symbol(react.test.json),
901
+ "children": [
902
+ {
903
+ "$$typeof": Symbol(react.test.json),
904
+ "children": [
905
+ "Tab 3",
906
+ ],
907
+ "props": {
908
+ "numberOfLines": 0,
909
+ "style": {
910
+ "color": "#1C1C1C",
911
+ "fontFamily": "heading-semibold",
912
+ "fontSize": 14,
913
+ },
914
+ "testID": undefined,
915
+ },
916
+ "type": "Text",
917
+ },
918
+ {
919
+ "$$typeof": Symbol(react.test.json),
920
+ "children": [
921
+ {
922
+ "$$typeof": Symbol(react.test.json),
923
+ "children": [
924
+ {
925
+ "$$typeof": Symbol(react.test.json),
926
+ "children": [
927
+ "1",
928
+ ],
929
+ "props": {
930
+ "style": {
931
+ "color": "#FFFFFF",
932
+ "fontFamily": "text",
933
+ "fontSize": 10,
934
+ "fontWeight": "700",
935
+ },
936
+ },
937
+ "type": "Text",
938
+ },
939
+ ],
940
+ "props": {
941
+ "style": [
942
+ {
943
+ "alignItems": "center",
944
+ "backgroundColor": "#BD1111",
945
+ "borderRadius": 360,
946
+ "flexDirection": "row",
947
+ "height": "auto",
948
+ "justifyContent": "center",
949
+ "paddingHorizontal": 8,
950
+ "paddingVertical": 4,
951
+ "width": "auto",
952
+ },
953
+ false,
954
+ false,
955
+ ],
956
+ "testID": undefined,
957
+ },
958
+ "type": "View",
959
+ },
960
+ ],
961
+ "props": {
962
+ "style": {
963
+ "alignItems": "flex-start",
964
+ },
965
+ "testID": undefined,
966
+ },
967
+ "type": "View",
968
+ },
969
+ ],
970
+ "props": {
971
+ "aria-role": "button",
972
+ "onPress": [Function],
973
+ "style": {
974
+ "alignItems": "center",
975
+ "backgroundColor": undefined,
976
+ "borderRadius": 360,
977
+ "display": "flex",
978
+ "flexBasis": 0,
979
+ "flexDirection": "row",
980
+ "flexGrow": 1,
981
+ "gap": 8,
982
+ "height": "100%",
983
+ "justifyContent": "center",
984
+ "overflow": "hidden",
985
+ "paddingHorizontal": 2,
986
+ },
987
+ },
988
+ "type": "Pressable",
989
+ },
990
+ ],
991
+ "props": {
992
+ "style": {
993
+ "display": "flex",
994
+ "flexDirection": "row",
995
+ "flexGrow": 1,
996
+ "gap": 4,
997
+ "height": 32,
998
+ "paddingHorizontal": 4,
999
+ },
1000
+ "testID": undefined,
1001
+ },
1002
+ "type": "View",
1003
+ },
1004
+ ],
1005
+ "props": {
1006
+ "style": {
1007
+ "alignItems": "center",
1008
+ "backgroundColor": "#CDCDCD",
1009
+ "borderRadius": 360,
1010
+ "display": "flex",
1011
+ "flexDirection": "row",
1012
+ "flexGrow": 1,
1013
+ "flexShrink": 1,
1014
+ "height": 36,
1015
+ "maxHeight": 36,
1016
+ "overflow": "hidden",
1017
+ },
1018
+ "testID": undefined,
1019
+ },
1020
+ "type": "View",
1021
+ },
1022
+ ],
1023
+ "props": {
1024
+ "style": {
1025
+ "alignItems": "center",
1026
+ "display": "flex",
1027
+ "flexDirection": "row",
1028
+ "gap": 8,
1029
+ },
1030
+ "testID": undefined,
1031
+ },
1032
+ "type": "View",
1033
+ }
1034
+ `;
1035
+
1036
+ exports[`SegmentedControl renders with maxItems and scroll buttons 1`] = `
1037
+ {
1038
+ "$$typeof": Symbol(react.test.json),
1039
+ "children": [
1040
+ {
1041
+ "$$typeof": Symbol(react.test.json),
1042
+ "children": null,
1043
+ "props": {
1044
+ "disabled": true,
1045
+ "onPress": [Function],
1046
+ },
1047
+ "type": "Pressable",
1048
+ },
1049
+ {
1050
+ "$$typeof": Symbol(react.test.json),
1051
+ "children": [
1052
+ {
1053
+ "$$typeof": Symbol(react.test.json),
1054
+ "children": [
1055
+ {
1056
+ "$$typeof": Symbol(react.test.json),
1057
+ "children": [
1058
+ {
1059
+ "$$typeof": Symbol(react.test.json),
1060
+ "children": [
1061
+ "Tab 1",
1062
+ ],
1063
+ "props": {
1064
+ "numberOfLines": 0,
1065
+ "style": {
1066
+ "color": "#1C1C1C",
1067
+ "fontFamily": "heading-semibold",
1068
+ "fontSize": 14,
1069
+ },
1070
+ "testID": undefined,
1071
+ },
1072
+ "type": "Text",
1073
+ },
1074
+ ],
1075
+ "props": {
1076
+ "aria-role": "button",
1077
+ "onPress": [Function],
1078
+ "style": {
1079
+ "alignItems": "center",
1080
+ "backgroundColor": "#FFFFFF",
1081
+ "borderRadius": 360,
1082
+ "display": "flex",
1083
+ "flexBasis": 0,
1084
+ "flexDirection": "row",
1085
+ "flexGrow": 1,
1086
+ "gap": 8,
1087
+ "height": "100%",
1088
+ "justifyContent": "center",
1089
+ "overflow": "hidden",
1090
+ "paddingHorizontal": 2,
1091
+ },
1092
+ },
1093
+ "type": "Pressable",
1094
+ },
1095
+ {
1096
+ "$$typeof": Symbol(react.test.json),
1097
+ "children": [
1098
+ {
1099
+ "$$typeof": Symbol(react.test.json),
1100
+ "children": [
1101
+ "Tab 2",
1102
+ ],
1103
+ "props": {
1104
+ "numberOfLines": 0,
1105
+ "style": {
1106
+ "color": "#1C1C1C",
1107
+ "fontFamily": "heading-semibold",
1108
+ "fontSize": 14,
1109
+ },
1110
+ "testID": undefined,
1111
+ },
1112
+ "type": "Text",
1113
+ },
1114
+ ],
1115
+ "props": {
1116
+ "aria-role": "button",
1117
+ "onPress": [Function],
1118
+ "style": {
1119
+ "alignItems": "center",
1120
+ "backgroundColor": undefined,
1121
+ "borderRadius": 360,
1122
+ "display": "flex",
1123
+ "flexBasis": 0,
1124
+ "flexDirection": "row",
1125
+ "flexGrow": 1,
1126
+ "gap": 8,
1127
+ "height": "100%",
1128
+ "justifyContent": "center",
1129
+ "overflow": "hidden",
1130
+ "paddingHorizontal": 2,
1131
+ },
1132
+ },
1133
+ "type": "Pressable",
1134
+ },
1135
+ {
1136
+ "$$typeof": Symbol(react.test.json),
1137
+ "children": [
1138
+ {
1139
+ "$$typeof": Symbol(react.test.json),
1140
+ "children": [
1141
+ "Tab 3",
1142
+ ],
1143
+ "props": {
1144
+ "numberOfLines": 0,
1145
+ "style": {
1146
+ "color": "#1C1C1C",
1147
+ "fontFamily": "heading-semibold",
1148
+ "fontSize": 14,
1149
+ },
1150
+ "testID": undefined,
1151
+ },
1152
+ "type": "Text",
1153
+ },
1154
+ ],
1155
+ "props": {
1156
+ "aria-role": "button",
1157
+ "onPress": [Function],
1158
+ "style": {
1159
+ "alignItems": "center",
1160
+ "backgroundColor": undefined,
1161
+ "borderRadius": 360,
1162
+ "display": "flex",
1163
+ "flexBasis": 0,
1164
+ "flexDirection": "row",
1165
+ "flexGrow": 1,
1166
+ "gap": 8,
1167
+ "height": "100%",
1168
+ "justifyContent": "center",
1169
+ "overflow": "hidden",
1170
+ "paddingHorizontal": 2,
1171
+ },
1172
+ },
1173
+ "type": "Pressable",
1174
+ },
1175
+ ],
1176
+ "props": {
1177
+ "style": {
1178
+ "display": "flex",
1179
+ "flexDirection": "row",
1180
+ "flexGrow": 1,
1181
+ "gap": 4,
1182
+ "height": 32,
1183
+ "paddingHorizontal": 4,
1184
+ },
1185
+ "testID": undefined,
1186
+ },
1187
+ "type": "View",
1188
+ },
1189
+ ],
1190
+ "props": {
1191
+ "style": {
1192
+ "alignItems": "center",
1193
+ "backgroundColor": "#CDCDCD",
1194
+ "borderRadius": 360,
1195
+ "display": "flex",
1196
+ "flexDirection": "row",
1197
+ "flexGrow": 1,
1198
+ "flexShrink": 1,
1199
+ "height": 36,
1200
+ "maxHeight": 36,
1201
+ "overflow": "hidden",
1202
+ },
1203
+ "testID": undefined,
1204
+ },
1205
+ "type": "View",
1206
+ },
1207
+ {
1208
+ "$$typeof": Symbol(react.test.json),
1209
+ "children": null,
1210
+ "props": {
1211
+ "disabled": false,
1212
+ "onPress": [Function],
1213
+ },
1214
+ "type": "Pressable",
1215
+ },
1216
+ ],
1217
+ "props": {
1218
+ "style": {
1219
+ "alignItems": "center",
1220
+ "display": "flex",
1221
+ "flexDirection": "row",
1222
+ "gap": 8,
1223
+ },
1224
+ "testID": undefined,
1225
+ },
1226
+ "type": "View",
1227
+ }
1228
+ `;
1229
+
1230
+ exports[`SegmentedControl handles scroll navigation 1`] = `
1231
+ {
1232
+ "$$typeof": Symbol(react.test.json),
1233
+ "children": [
1234
+ {
1235
+ "$$typeof": Symbol(react.test.json),
1236
+ "children": null,
1237
+ "props": {
1238
+ "disabled": true,
1239
+ "onPress": [Function],
1240
+ },
1241
+ "type": "Pressable",
1242
+ },
1243
+ {
1244
+ "$$typeof": Symbol(react.test.json),
1245
+ "children": [
1246
+ {
1247
+ "$$typeof": Symbol(react.test.json),
1248
+ "children": [
1249
+ {
1250
+ "$$typeof": Symbol(react.test.json),
1251
+ "children": [
1252
+ {
1253
+ "$$typeof": Symbol(react.test.json),
1254
+ "children": [
1255
+ "Tab 1",
1256
+ ],
1257
+ "props": {
1258
+ "numberOfLines": 0,
1259
+ "style": {
1260
+ "color": "#1C1C1C",
1261
+ "fontFamily": "heading-semibold",
1262
+ "fontSize": 14,
1263
+ },
1264
+ "testID": undefined,
1265
+ },
1266
+ "type": "Text",
1267
+ },
1268
+ ],
1269
+ "props": {
1270
+ "aria-role": "button",
1271
+ "onPress": [Function],
1272
+ "style": {
1273
+ "alignItems": "center",
1274
+ "backgroundColor": "#FFFFFF",
1275
+ "borderRadius": 360,
1276
+ "display": "flex",
1277
+ "flexBasis": 0,
1278
+ "flexDirection": "row",
1279
+ "flexGrow": 1,
1280
+ "gap": 8,
1281
+ "height": "100%",
1282
+ "justifyContent": "center",
1283
+ "overflow": "hidden",
1284
+ "paddingHorizontal": 2,
1285
+ },
1286
+ },
1287
+ "type": "Pressable",
1288
+ },
1289
+ {
1290
+ "$$typeof": Symbol(react.test.json),
1291
+ "children": [
1292
+ {
1293
+ "$$typeof": Symbol(react.test.json),
1294
+ "children": [
1295
+ "Tab 2",
1296
+ ],
1297
+ "props": {
1298
+ "numberOfLines": 0,
1299
+ "style": {
1300
+ "color": "#1C1C1C",
1301
+ "fontFamily": "heading-semibold",
1302
+ "fontSize": 14,
1303
+ },
1304
+ "testID": undefined,
1305
+ },
1306
+ "type": "Text",
1307
+ },
1308
+ ],
1309
+ "props": {
1310
+ "aria-role": "button",
1311
+ "onPress": [Function],
1312
+ "style": {
1313
+ "alignItems": "center",
1314
+ "backgroundColor": undefined,
1315
+ "borderRadius": 360,
1316
+ "display": "flex",
1317
+ "flexBasis": 0,
1318
+ "flexDirection": "row",
1319
+ "flexGrow": 1,
1320
+ "gap": 8,
1321
+ "height": "100%",
1322
+ "justifyContent": "center",
1323
+ "overflow": "hidden",
1324
+ "paddingHorizontal": 2,
1325
+ },
1326
+ },
1327
+ "type": "Pressable",
1328
+ },
1329
+ {
1330
+ "$$typeof": Symbol(react.test.json),
1331
+ "children": [
1332
+ {
1333
+ "$$typeof": Symbol(react.test.json),
1334
+ "children": [
1335
+ "Tab 3",
1336
+ ],
1337
+ "props": {
1338
+ "numberOfLines": 0,
1339
+ "style": {
1340
+ "color": "#1C1C1C",
1341
+ "fontFamily": "heading-semibold",
1342
+ "fontSize": 14,
1343
+ },
1344
+ "testID": undefined,
1345
+ },
1346
+ "type": "Text",
1347
+ },
1348
+ ],
1349
+ "props": {
1350
+ "aria-role": "button",
1351
+ "onPress": [Function],
1352
+ "style": {
1353
+ "alignItems": "center",
1354
+ "backgroundColor": undefined,
1355
+ "borderRadius": 360,
1356
+ "display": "flex",
1357
+ "flexBasis": 0,
1358
+ "flexDirection": "row",
1359
+ "flexGrow": 1,
1360
+ "gap": 8,
1361
+ "height": "100%",
1362
+ "justifyContent": "center",
1363
+ "overflow": "hidden",
1364
+ "paddingHorizontal": 2,
1365
+ },
1366
+ },
1367
+ "type": "Pressable",
1368
+ },
1369
+ ],
1370
+ "props": {
1371
+ "style": {
1372
+ "display": "flex",
1373
+ "flexDirection": "row",
1374
+ "flexGrow": 1,
1375
+ "gap": 4,
1376
+ "height": 32,
1377
+ "paddingHorizontal": 4,
1378
+ },
1379
+ "testID": undefined,
1380
+ },
1381
+ "type": "View",
1382
+ },
1383
+ ],
1384
+ "props": {
1385
+ "style": {
1386
+ "alignItems": "center",
1387
+ "backgroundColor": "#CDCDCD",
1388
+ "borderRadius": 360,
1389
+ "display": "flex",
1390
+ "flexDirection": "row",
1391
+ "flexGrow": 1,
1392
+ "flexShrink": 1,
1393
+ "height": 36,
1394
+ "maxHeight": 36,
1395
+ "overflow": "hidden",
1396
+ },
1397
+ "testID": undefined,
1398
+ },
1399
+ "type": "View",
1400
+ },
1401
+ {
1402
+ "$$typeof": Symbol(react.test.json),
1403
+ "children": null,
1404
+ "props": {
1405
+ "disabled": false,
1406
+ "onPress": [Function],
1407
+ },
1408
+ "type": "Pressable",
1409
+ },
1410
+ ],
1411
+ "props": {
1412
+ "style": {
1413
+ "alignItems": "center",
1414
+ "display": "flex",
1415
+ "flexDirection": "row",
1416
+ "gap": 8,
1417
+ },
1418
+ "testID": undefined,
1419
+ },
1420
+ "type": "View",
1421
+ }
1422
+ `;