@ornikar/bumper 2.8.0 → 2.8.1-canary.1768839311.501438316959a9593513e74c70cb87b0597f2db6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/definitions/index.d.ts +2 -0
  3. package/dist/definitions/index.d.ts.map +1 -1
  4. package/dist/definitions/system/content/icon/Icon.d.ts +21 -0
  5. package/dist/definitions/system/content/icon/Icon.d.ts.map +1 -0
  6. package/dist/definitions/system/core/primitives/ScrollView/ScrollView.d.ts +3 -0
  7. package/dist/definitions/system/core/primitives/ScrollView/ScrollView.d.ts.map +1 -0
  8. package/dist/index-metro.es.android.js +1 -0
  9. package/dist/index-metro.es.android.js.map +1 -1
  10. package/dist/index-metro.es.ios.js +1 -0
  11. package/dist/index-metro.es.ios.js.map +1 -1
  12. package/dist/index-node-22.22.cjs.js +2 -0
  13. package/dist/index-node-22.22.cjs.js.map +1 -1
  14. package/dist/index-node-22.22.cjs.web.js +2 -0
  15. package/dist/index-node-22.22.cjs.web.js.map +1 -1
  16. package/dist/index-node-22.22.es.mjs +1 -0
  17. package/dist/index-node-22.22.es.mjs.map +1 -1
  18. package/dist/index-node-22.22.es.web.mjs +1 -0
  19. package/dist/index-node-22.22.es.web.mjs.map +1 -1
  20. package/dist/index.es.js +1 -0
  21. package/dist/index.es.js.map +1 -1
  22. package/dist/index.es.web.js +1 -0
  23. package/dist/index.es.web.js.map +1 -1
  24. package/dist/tsbuildinfo +1 -1
  25. package/package.json +12 -9
  26. package/src/index.ts +2 -0
  27. package/src/system/content/icon/Icon.features.stories.tsx +116 -0
  28. package/src/system/content/icon/Icon.stories.tsx +44 -0
  29. package/src/system/content/icon/Icon.tsx +53 -0
  30. package/src/system/content/icon/__snapshots__/Icon.features.stories.tsx.snap +569 -0
  31. package/src/system/content/icon/__snapshots__/Icon.stories.tsx.snap +29 -0
  32. package/src/system/content/icon/__snapshots_web__/Icon.features.stories.tsx.snap +309 -0
  33. package/src/system/content/icon/__snapshots_web__/Icon.stories.tsx.snap +33 -0
  34. package/src/system/content/typography/__snapshots_web__/Typography.features.stories.tsx.snap +7 -7
  35. package/src/system/content/typography/__snapshots_web__/Typography.stories.tsx.snap +1 -1
  36. package/src/system/core/primitives/ScrollView/ScrollView.features.stories.tsx +84 -0
  37. package/src/system/core/primitives/ScrollView/ScrollView.stories.tsx +63 -0
  38. package/src/system/core/primitives/ScrollView/ScrollView.ts +2 -0
  39. package/src/system/core/primitives/ScrollView/__snapshots__/ScrollView.features.stories.tsx.snap +1245 -0
  40. package/src/system/core/primitives/ScrollView/__snapshots__/ScrollView.stories.tsx.snap +334 -0
  41. package/src/system/core/primitives/ScrollView/__snapshots_web__/ScrollView.features.stories.tsx.snap +503 -0
  42. package/src/system/core/primitives/ScrollView/__snapshots_web__/ScrollView.stories.tsx.snap +138 -0
  43. package/src/system/core/primitives/__snapshots_web__/Center.features.stories.tsx.snap +2 -2
  44. package/src/system/core/primitives/__snapshots_web__/Center.stories.tsx.snap +1 -1
  45. package/src/system/core/primitives/__snapshots_web__/Pressable.features.stories.tsx.snap +3 -3
  46. package/src/system/core/primitives/__snapshots_web__/Pressable.stories.tsx.snap +1 -1
  47. package/src/system/core/primitives/__snapshots_web__/Stack.features.stories.tsx.snap +6 -6
  48. package/src/system/core/primitives/__snapshots_web__/Stack.stories.tsx.snap +1 -1
  49. package/src/system/core/primitives/__snapshots_web__/View.features.stories.tsx.snap +11 -11
  50. package/src/system/core/primitives/__snapshots_web__/View.stories.tsx.snap +1 -1
  51. package/src/system/core/themes/__snapshots_web__/light.stories.tsx.snap +1 -1
  52. package/src/system/core/tokens/__snapshots_web__/breakpoints.stories.tsx.snap +1 -1
  53. package/src/system/core/tokens/__snapshots_web__/fonts.stories.tsx.snap +1 -1
  54. package/src/system/core/tokens/__snapshots_web__/radius.stories.tsx.snap +1 -1
  55. package/src/system/core/tokens/__snapshots_web__/size.stories.tsx.snap +1 -1
  56. package/src/system/core/tokens/__snapshots_web__/space.stories.tsx.snap +1 -1
  57. package/src/system/core/tokens/palettes/__snapshots_web__/deepPurpleColorPalette.stories.tsx.snap +1 -1
package/src/system/core/primitives/ScrollView/__snapshots__/ScrollView.features.stories.tsx.snap ADDED
@@ -0,0 +1,1245 @@
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
+
3
+ exports[`Bumper/Core/Primitives/ScrollView/Features HiddenIndicators 1`] = `
4
+ <RNCSafeAreaProvider
5
+ onInsetsChange={[Function]}
6
+ style={
7
+ [
8
+ {
9
+ "flex": 1,
10
+ },
11
+ undefined,
12
+ ]
13
+ }
14
+ >
15
+ <View
16
+ style={
17
+ {
18
+ "flexDirection": "column",
19
+ "gap": 16,
20
+ }
21
+ }
22
+ >
23
+ <Text
24
+ style={
25
+ {
26
+ "fontFamily": "GTStandard",
27
+ "fontSize": 14,
28
+ "letterSpacing": 0.3,
29
+ "lineHeight": 20,
30
+ }
31
+ }
32
+ suppressHighlighting={true}
33
+ >
34
+ Vertical scroll without indicator:
35
+ </Text>
36
+ <RCTScrollView
37
+ scrollEnabled={true}
38
+ showsVerticalScrollIndicator={false}
39
+ style={
40
+ {
41
+ "height": 120,
42
+ "width": 208,
43
+ }
44
+ }
45
+ >
46
+ <View>
47
+ <View
48
+ style={
49
+ {
50
+ "flexDirection": "column",
51
+ "gap": 8,
52
+ "paddingBottom": 8,
53
+ "paddingLeft": 8,
54
+ "paddingRight": 8,
55
+ "paddingTop": 8,
56
+ }
57
+ }
58
+ >
59
+ <View
60
+ style={
61
+ {
62
+ "backgroundColor": "#FDF8E7",
63
+ "borderBottomLeftRadius": 4,
64
+ "borderBottomRightRadius": 4,
65
+ "borderTopLeftRadius": 4,
66
+ "borderTopRightRadius": 4,
67
+ "paddingBottom": 12,
68
+ "paddingLeft": 12,
69
+ "paddingRight": 12,
70
+ "paddingTop": 12,
71
+ }
72
+ }
73
+ >
74
+ <Text
75
+ style={
76
+ {
77
+ "fontFamily": "GTStandard",
78
+ "fontSize": 14,
79
+ "letterSpacing": 0.3,
80
+ "lineHeight": 20,
81
+ }
82
+ }
83
+ suppressHighlighting={true}
84
+ >
85
+ Item
86
+ 1
87
+ </Text>
88
+ </View>
89
+ <View
90
+ style={
91
+ {
92
+ "backgroundColor": "#FDF8E7",
93
+ "borderBottomLeftRadius": 4,
94
+ "borderBottomRightRadius": 4,
95
+ "borderTopLeftRadius": 4,
96
+ "borderTopRightRadius": 4,
97
+ "paddingBottom": 12,
98
+ "paddingLeft": 12,
99
+ "paddingRight": 12,
100
+ "paddingTop": 12,
101
+ }
102
+ }
103
+ >
104
+ <Text
105
+ style={
106
+ {
107
+ "fontFamily": "GTStandard",
108
+ "fontSize": 14,
109
+ "letterSpacing": 0.3,
110
+ "lineHeight": 20,
111
+ }
112
+ }
113
+ suppressHighlighting={true}
114
+ >
115
+ Item
116
+ 2
117
+ </Text>
118
+ </View>
119
+ <View
120
+ style={
121
+ {
122
+ "backgroundColor": "#FDF8E7",
123
+ "borderBottomLeftRadius": 4,
124
+ "borderBottomRightRadius": 4,
125
+ "borderTopLeftRadius": 4,
126
+ "borderTopRightRadius": 4,
127
+ "paddingBottom": 12,
128
+ "paddingLeft": 12,
129
+ "paddingRight": 12,
130
+ "paddingTop": 12,
131
+ }
132
+ }
133
+ >
134
+ <Text
135
+ style={
136
+ {
137
+ "fontFamily": "GTStandard",
138
+ "fontSize": 14,
139
+ "letterSpacing": 0.3,
140
+ "lineHeight": 20,
141
+ }
142
+ }
143
+ suppressHighlighting={true}
144
+ >
145
+ Item
146
+ 3
147
+ </Text>
148
+ </View>
149
+ <View
150
+ style={
151
+ {
152
+ "backgroundColor": "#FDF8E7",
153
+ "borderBottomLeftRadius": 4,
154
+ "borderBottomRightRadius": 4,
155
+ "borderTopLeftRadius": 4,
156
+ "borderTopRightRadius": 4,
157
+ "paddingBottom": 12,
158
+ "paddingLeft": 12,
159
+ "paddingRight": 12,
160
+ "paddingTop": 12,
161
+ }
162
+ }
163
+ >
164
+ <Text
165
+ style={
166
+ {
167
+ "fontFamily": "GTStandard",
168
+ "fontSize": 14,
169
+ "letterSpacing": 0.3,
170
+ "lineHeight": 20,
171
+ }
172
+ }
173
+ suppressHighlighting={true}
174
+ >
175
+ Item
176
+ 4
177
+ </Text>
178
+ </View>
179
+ <View
180
+ style={
181
+ {
182
+ "backgroundColor": "#FDF8E7",
183
+ "borderBottomLeftRadius": 4,
184
+ "borderBottomRightRadius": 4,
185
+ "borderTopLeftRadius": 4,
186
+ "borderTopRightRadius": 4,
187
+ "paddingBottom": 12,
188
+ "paddingLeft": 12,
189
+ "paddingRight": 12,
190
+ "paddingTop": 12,
191
+ }
192
+ }
193
+ >
194
+ <Text
195
+ style={
196
+ {
197
+ "fontFamily": "GTStandard",
198
+ "fontSize": 14,
199
+ "letterSpacing": 0.3,
200
+ "lineHeight": 20,
201
+ }
202
+ }
203
+ suppressHighlighting={true}
204
+ >
205
+ Item
206
+ 5
207
+ </Text>
208
+ </View>
209
+ <View
210
+ style={
211
+ {
212
+ "backgroundColor": "#FDF8E7",
213
+ "borderBottomLeftRadius": 4,
214
+ "borderBottomRightRadius": 4,
215
+ "borderTopLeftRadius": 4,
216
+ "borderTopRightRadius": 4,
217
+ "paddingBottom": 12,
218
+ "paddingLeft": 12,
219
+ "paddingRight": 12,
220
+ "paddingTop": 12,
221
+ }
222
+ }
223
+ >
224
+ <Text
225
+ style={
226
+ {
227
+ "fontFamily": "GTStandard",
228
+ "fontSize": 14,
229
+ "letterSpacing": 0.3,
230
+ "lineHeight": 20,
231
+ }
232
+ }
233
+ suppressHighlighting={true}
234
+ >
235
+ Item
236
+ 6
237
+ </Text>
238
+ </View>
239
+ <View
240
+ style={
241
+ {
242
+ "backgroundColor": "#FDF8E7",
243
+ "borderBottomLeftRadius": 4,
244
+ "borderBottomRightRadius": 4,
245
+ "borderTopLeftRadius": 4,
246
+ "borderTopRightRadius": 4,
247
+ "paddingBottom": 12,
248
+ "paddingLeft": 12,
249
+ "paddingRight": 12,
250
+ "paddingTop": 12,
251
+ }
252
+ }
253
+ >
254
+ <Text
255
+ style={
256
+ {
257
+ "fontFamily": "GTStandard",
258
+ "fontSize": 14,
259
+ "letterSpacing": 0.3,
260
+ "lineHeight": 20,
261
+ }
262
+ }
263
+ suppressHighlighting={true}
264
+ >
265
+ Item
266
+ 7
267
+ </Text>
268
+ </View>
269
+ <View
270
+ style={
271
+ {
272
+ "backgroundColor": "#FDF8E7",
273
+ "borderBottomLeftRadius": 4,
274
+ "borderBottomRightRadius": 4,
275
+ "borderTopLeftRadius": 4,
276
+ "borderTopRightRadius": 4,
277
+ "paddingBottom": 12,
278
+ "paddingLeft": 12,
279
+ "paddingRight": 12,
280
+ "paddingTop": 12,
281
+ }
282
+ }
283
+ >
284
+ <Text
285
+ style={
286
+ {
287
+ "fontFamily": "GTStandard",
288
+ "fontSize": 14,
289
+ "letterSpacing": 0.3,
290
+ "lineHeight": 20,
291
+ }
292
+ }
293
+ suppressHighlighting={true}
294
+ >
295
+ Item
296
+ 8
297
+ </Text>
298
+ </View>
299
+ </View>
300
+ </View>
301
+ </RCTScrollView>
302
+ <Text
303
+ style={
304
+ {
305
+ "fontFamily": "GTStandard",
306
+ "fontSize": 14,
307
+ "letterSpacing": 0.3,
308
+ "lineHeight": 20,
309
+ }
310
+ }
311
+ suppressHighlighting={true}
312
+ >
313
+ Horizontal scroll without indicator:
314
+ </Text>
315
+ <RCTScrollView
316
+ horizontal={true}
317
+ scrollEnabled={true}
318
+ showsHorizontalScrollIndicator={false}
319
+ style={
320
+ {
321
+ "height": 80,
322
+ "width": 208,
323
+ }
324
+ }
325
+ >
326
+ <View>
327
+ <View
328
+ style={
329
+ {
330
+ "flexDirection": "row",
331
+ "gap": 8,
332
+ "paddingBottom": 8,
333
+ "paddingLeft": 8,
334
+ "paddingRight": 8,
335
+ "paddingTop": 8,
336
+ }
337
+ }
338
+ >
339
+ <View
340
+ style={
341
+ {
342
+ "backgroundColor": "#FDE4E3",
343
+ "borderBottomLeftRadius": 4,
344
+ "borderBottomRightRadius": 4,
345
+ "borderTopLeftRadius": 4,
346
+ "borderTopRightRadius": 4,
347
+ "paddingBottom": 12,
348
+ "paddingLeft": 12,
349
+ "paddingRight": 12,
350
+ "paddingTop": 12,
351
+ "width": 80,
352
+ }
353
+ }
354
+ >
355
+ <Text
356
+ style={
357
+ {
358
+ "fontFamily": "GTStandard",
359
+ "fontSize": 14,
360
+ "letterSpacing": 0.3,
361
+ "lineHeight": 20,
362
+ }
363
+ }
364
+ suppressHighlighting={true}
365
+ >
366
+ Item
367
+ 1
368
+ </Text>
369
+ </View>
370
+ <View
371
+ style={
372
+ {
373
+ "backgroundColor": "#FDE4E3",
374
+ "borderBottomLeftRadius": 4,
375
+ "borderBottomRightRadius": 4,
376
+ "borderTopLeftRadius": 4,
377
+ "borderTopRightRadius": 4,
378
+ "paddingBottom": 12,
379
+ "paddingLeft": 12,
380
+ "paddingRight": 12,
381
+ "paddingTop": 12,
382
+ "width": 80,
383
+ }
384
+ }
385
+ >
386
+ <Text
387
+ style={
388
+ {
389
+ "fontFamily": "GTStandard",
390
+ "fontSize": 14,
391
+ "letterSpacing": 0.3,
392
+ "lineHeight": 20,
393
+ }
394
+ }
395
+ suppressHighlighting={true}
396
+ >
397
+ Item
398
+ 2
399
+ </Text>
400
+ </View>
401
+ <View
402
+ style={
403
+ {
404
+ "backgroundColor": "#FDE4E3",
405
+ "borderBottomLeftRadius": 4,
406
+ "borderBottomRightRadius": 4,
407
+ "borderTopLeftRadius": 4,
408
+ "borderTopRightRadius": 4,
409
+ "paddingBottom": 12,
410
+ "paddingLeft": 12,
411
+ "paddingRight": 12,
412
+ "paddingTop": 12,
413
+ "width": 80,
414
+ }
415
+ }
416
+ >
417
+ <Text
418
+ style={
419
+ {
420
+ "fontFamily": "GTStandard",
421
+ "fontSize": 14,
422
+ "letterSpacing": 0.3,
423
+ "lineHeight": 20,
424
+ }
425
+ }
426
+ suppressHighlighting={true}
427
+ >
428
+ Item
429
+ 3
430
+ </Text>
431
+ </View>
432
+ <View
433
+ style={
434
+ {
435
+ "backgroundColor": "#FDE4E3",
436
+ "borderBottomLeftRadius": 4,
437
+ "borderBottomRightRadius": 4,
438
+ "borderTopLeftRadius": 4,
439
+ "borderTopRightRadius": 4,
440
+ "paddingBottom": 12,
441
+ "paddingLeft": 12,
442
+ "paddingRight": 12,
443
+ "paddingTop": 12,
444
+ "width": 80,
445
+ }
446
+ }
447
+ >
448
+ <Text
449
+ style={
450
+ {
451
+ "fontFamily": "GTStandard",
452
+ "fontSize": 14,
453
+ "letterSpacing": 0.3,
454
+ "lineHeight": 20,
455
+ }
456
+ }
457
+ suppressHighlighting={true}
458
+ >
459
+ Item
460
+ 4
461
+ </Text>
462
+ </View>
463
+ <View
464
+ style={
465
+ {
466
+ "backgroundColor": "#FDE4E3",
467
+ "borderBottomLeftRadius": 4,
468
+ "borderBottomRightRadius": 4,
469
+ "borderTopLeftRadius": 4,
470
+ "borderTopRightRadius": 4,
471
+ "paddingBottom": 12,
472
+ "paddingLeft": 12,
473
+ "paddingRight": 12,
474
+ "paddingTop": 12,
475
+ "width": 80,
476
+ }
477
+ }
478
+ >
479
+ <Text
480
+ style={
481
+ {
482
+ "fontFamily": "GTStandard",
483
+ "fontSize": 14,
484
+ "letterSpacing": 0.3,
485
+ "lineHeight": 20,
486
+ }
487
+ }
488
+ suppressHighlighting={true}
489
+ >
490
+ Item
491
+ 5
492
+ </Text>
493
+ </View>
494
+ <View
495
+ style={
496
+ {
497
+ "backgroundColor": "#FDE4E3",
498
+ "borderBottomLeftRadius": 4,
499
+ "borderBottomRightRadius": 4,
500
+ "borderTopLeftRadius": 4,
501
+ "borderTopRightRadius": 4,
502
+ "paddingBottom": 12,
503
+ "paddingLeft": 12,
504
+ "paddingRight": 12,
505
+ "paddingTop": 12,
506
+ "width": 80,
507
+ }
508
+ }
509
+ >
510
+ <Text
511
+ style={
512
+ {
513
+ "fontFamily": "GTStandard",
514
+ "fontSize": 14,
515
+ "letterSpacing": 0.3,
516
+ "lineHeight": 20,
517
+ }
518
+ }
519
+ suppressHighlighting={true}
520
+ >
521
+ Item
522
+ 6
523
+ </Text>
524
+ </View>
525
+ <View
526
+ style={
527
+ {
528
+ "backgroundColor": "#FDE4E3",
529
+ "borderBottomLeftRadius": 4,
530
+ "borderBottomRightRadius": 4,
531
+ "borderTopLeftRadius": 4,
532
+ "borderTopRightRadius": 4,
533
+ "paddingBottom": 12,
534
+ "paddingLeft": 12,
535
+ "paddingRight": 12,
536
+ "paddingTop": 12,
537
+ "width": 80,
538
+ }
539
+ }
540
+ >
541
+ <Text
542
+ style={
543
+ {
544
+ "fontFamily": "GTStandard",
545
+ "fontSize": 14,
546
+ "letterSpacing": 0.3,
547
+ "lineHeight": 20,
548
+ }
549
+ }
550
+ suppressHighlighting={true}
551
+ >
552
+ Item
553
+ 7
554
+ </Text>
555
+ </View>
556
+ <View
557
+ style={
558
+ {
559
+ "backgroundColor": "#FDE4E3",
560
+ "borderBottomLeftRadius": 4,
561
+ "borderBottomRightRadius": 4,
562
+ "borderTopLeftRadius": 4,
563
+ "borderTopRightRadius": 4,
564
+ "paddingBottom": 12,
565
+ "paddingLeft": 12,
566
+ "paddingRight": 12,
567
+ "paddingTop": 12,
568
+ "width": 80,
569
+ }
570
+ }
571
+ >
572
+ <Text
573
+ style={
574
+ {
575
+ "fontFamily": "GTStandard",
576
+ "fontSize": 14,
577
+ "letterSpacing": 0.3,
578
+ "lineHeight": 20,
579
+ }
580
+ }
581
+ suppressHighlighting={true}
582
+ >
583
+ Item
584
+ 8
585
+ </Text>
586
+ </View>
587
+ </View>
588
+ </View>
589
+ </RCTScrollView>
590
+ </View>
591
+ </RNCSafeAreaProvider>
592
+ `;
593
+
594
+ exports[`Bumper/Core/Primitives/ScrollView/Features HorizontalScroll 1`] = `
595
+ <RNCSafeAreaProvider
596
+ onInsetsChange={[Function]}
597
+ style={
598
+ [
599
+ {
600
+ "flex": 1,
601
+ },
602
+ undefined,
603
+ ]
604
+ }
605
+ >
606
+ <RCTScrollView
607
+ horizontal={true}
608
+ scrollEnabled={true}
609
+ style={
610
+ {
611
+ "height": 96,
612
+ "width": 208,
613
+ }
614
+ }
615
+ >
616
+ <View>
617
+ <View
618
+ style={
619
+ {
620
+ "flexDirection": "row",
621
+ "gap": 8,
622
+ "paddingBottom": 8,
623
+ "paddingLeft": 8,
624
+ "paddingRight": 8,
625
+ "paddingTop": 8,
626
+ }
627
+ }
628
+ >
629
+ <View
630
+ style={
631
+ {
632
+ "backgroundColor": "#ECFEDD",
633
+ "borderBottomLeftRadius": 4,
634
+ "borderBottomRightRadius": 4,
635
+ "borderTopLeftRadius": 4,
636
+ "borderTopRightRadius": 4,
637
+ "paddingBottom": 16,
638
+ "paddingLeft": 16,
639
+ "paddingRight": 16,
640
+ "paddingTop": 16,
641
+ "width": 96,
642
+ }
643
+ }
644
+ >
645
+ <Text
646
+ style={
647
+ {
648
+ "fontFamily": "GTStandard",
649
+ "fontSize": 14,
650
+ "letterSpacing": 0.3,
651
+ "lineHeight": 20,
652
+ }
653
+ }
654
+ suppressHighlighting={true}
655
+ >
656
+ H-Item
657
+ 1
658
+ </Text>
659
+ </View>
660
+ <View
661
+ style={
662
+ {
663
+ "backgroundColor": "#ECFEDD",
664
+ "borderBottomLeftRadius": 4,
665
+ "borderBottomRightRadius": 4,
666
+ "borderTopLeftRadius": 4,
667
+ "borderTopRightRadius": 4,
668
+ "paddingBottom": 16,
669
+ "paddingLeft": 16,
670
+ "paddingRight": 16,
671
+ "paddingTop": 16,
672
+ "width": 96,
673
+ }
674
+ }
675
+ >
676
+ <Text
677
+ style={
678
+ {
679
+ "fontFamily": "GTStandard",
680
+ "fontSize": 14,
681
+ "letterSpacing": 0.3,
682
+ "lineHeight": 20,
683
+ }
684
+ }
685
+ suppressHighlighting={true}
686
+ >
687
+ H-Item
688
+ 2
689
+ </Text>
690
+ </View>
691
+ <View
692
+ style={
693
+ {
694
+ "backgroundColor": "#ECFEDD",
695
+ "borderBottomLeftRadius": 4,
696
+ "borderBottomRightRadius": 4,
697
+ "borderTopLeftRadius": 4,
698
+ "borderTopRightRadius": 4,
699
+ "paddingBottom": 16,
700
+ "paddingLeft": 16,
701
+ "paddingRight": 16,
702
+ "paddingTop": 16,
703
+ "width": 96,
704
+ }
705
+ }
706
+ >
707
+ <Text
708
+ style={
709
+ {
710
+ "fontFamily": "GTStandard",
711
+ "fontSize": 14,
712
+ "letterSpacing": 0.3,
713
+ "lineHeight": 20,
714
+ }
715
+ }
716
+ suppressHighlighting={true}
717
+ >
718
+ H-Item
719
+ 3
720
+ </Text>
721
+ </View>
722
+ <View
723
+ style={
724
+ {
725
+ "backgroundColor": "#ECFEDD",
726
+ "borderBottomLeftRadius": 4,
727
+ "borderBottomRightRadius": 4,
728
+ "borderTopLeftRadius": 4,
729
+ "borderTopRightRadius": 4,
730
+ "paddingBottom": 16,
731
+ "paddingLeft": 16,
732
+ "paddingRight": 16,
733
+ "paddingTop": 16,
734
+ "width": 96,
735
+ }
736
+ }
737
+ >
738
+ <Text
739
+ style={
740
+ {
741
+ "fontFamily": "GTStandard",
742
+ "fontSize": 14,
743
+ "letterSpacing": 0.3,
744
+ "lineHeight": 20,
745
+ }
746
+ }
747
+ suppressHighlighting={true}
748
+ >
749
+ H-Item
750
+ 4
751
+ </Text>
752
+ </View>
753
+ <View
754
+ style={
755
+ {
756
+ "backgroundColor": "#ECFEDD",
757
+ "borderBottomLeftRadius": 4,
758
+ "borderBottomRightRadius": 4,
759
+ "borderTopLeftRadius": 4,
760
+ "borderTopRightRadius": 4,
761
+ "paddingBottom": 16,
762
+ "paddingLeft": 16,
763
+ "paddingRight": 16,
764
+ "paddingTop": 16,
765
+ "width": 96,
766
+ }
767
+ }
768
+ >
769
+ <Text
770
+ style={
771
+ {
772
+ "fontFamily": "GTStandard",
773
+ "fontSize": 14,
774
+ "letterSpacing": 0.3,
775
+ "lineHeight": 20,
776
+ }
777
+ }
778
+ suppressHighlighting={true}
779
+ >
780
+ H-Item
781
+ 5
782
+ </Text>
783
+ </View>
784
+ <View
785
+ style={
786
+ {
787
+ "backgroundColor": "#ECFEDD",
788
+ "borderBottomLeftRadius": 4,
789
+ "borderBottomRightRadius": 4,
790
+ "borderTopLeftRadius": 4,
791
+ "borderTopRightRadius": 4,
792
+ "paddingBottom": 16,
793
+ "paddingLeft": 16,
794
+ "paddingRight": 16,
795
+ "paddingTop": 16,
796
+ "width": 96,
797
+ }
798
+ }
799
+ >
800
+ <Text
801
+ style={
802
+ {
803
+ "fontFamily": "GTStandard",
804
+ "fontSize": 14,
805
+ "letterSpacing": 0.3,
806
+ "lineHeight": 20,
807
+ }
808
+ }
809
+ suppressHighlighting={true}
810
+ >
811
+ H-Item
812
+ 6
813
+ </Text>
814
+ </View>
815
+ <View
816
+ style={
817
+ {
818
+ "backgroundColor": "#ECFEDD",
819
+ "borderBottomLeftRadius": 4,
820
+ "borderBottomRightRadius": 4,
821
+ "borderTopLeftRadius": 4,
822
+ "borderTopRightRadius": 4,
823
+ "paddingBottom": 16,
824
+ "paddingLeft": 16,
825
+ "paddingRight": 16,
826
+ "paddingTop": 16,
827
+ "width": 96,
828
+ }
829
+ }
830
+ >
831
+ <Text
832
+ style={
833
+ {
834
+ "fontFamily": "GTStandard",
835
+ "fontSize": 14,
836
+ "letterSpacing": 0.3,
837
+ "lineHeight": 20,
838
+ }
839
+ }
840
+ suppressHighlighting={true}
841
+ >
842
+ H-Item
843
+ 7
844
+ </Text>
845
+ </View>
846
+ <View
847
+ style={
848
+ {
849
+ "backgroundColor": "#ECFEDD",
850
+ "borderBottomLeftRadius": 4,
851
+ "borderBottomRightRadius": 4,
852
+ "borderTopLeftRadius": 4,
853
+ "borderTopRightRadius": 4,
854
+ "paddingBottom": 16,
855
+ "paddingLeft": 16,
856
+ "paddingRight": 16,
857
+ "paddingTop": 16,
858
+ "width": 96,
859
+ }
860
+ }
861
+ >
862
+ <Text
863
+ style={
864
+ {
865
+ "fontFamily": "GTStandard",
866
+ "fontSize": 14,
867
+ "letterSpacing": 0.3,
868
+ "lineHeight": 20,
869
+ }
870
+ }
871
+ suppressHighlighting={true}
872
+ >
873
+ H-Item
874
+ 8
875
+ </Text>
876
+ </View>
877
+ <View
878
+ style={
879
+ {
880
+ "backgroundColor": "#ECFEDD",
881
+ "borderBottomLeftRadius": 4,
882
+ "borderBottomRightRadius": 4,
883
+ "borderTopLeftRadius": 4,
884
+ "borderTopRightRadius": 4,
885
+ "paddingBottom": 16,
886
+ "paddingLeft": 16,
887
+ "paddingRight": 16,
888
+ "paddingTop": 16,
889
+ "width": 96,
890
+ }
891
+ }
892
+ >
893
+ <Text
894
+ style={
895
+ {
896
+ "fontFamily": "GTStandard",
897
+ "fontSize": 14,
898
+ "letterSpacing": 0.3,
899
+ "lineHeight": 20,
900
+ }
901
+ }
902
+ suppressHighlighting={true}
903
+ >
904
+ H-Item
905
+ 9
906
+ </Text>
907
+ </View>
908
+ <View
909
+ style={
910
+ {
911
+ "backgroundColor": "#ECFEDD",
912
+ "borderBottomLeftRadius": 4,
913
+ "borderBottomRightRadius": 4,
914
+ "borderTopLeftRadius": 4,
915
+ "borderTopRightRadius": 4,
916
+ "paddingBottom": 16,
917
+ "paddingLeft": 16,
918
+ "paddingRight": 16,
919
+ "paddingTop": 16,
920
+ "width": 96,
921
+ }
922
+ }
923
+ >
924
+ <Text
925
+ style={
926
+ {
927
+ "fontFamily": "GTStandard",
928
+ "fontSize": 14,
929
+ "letterSpacing": 0.3,
930
+ "lineHeight": 20,
931
+ }
932
+ }
933
+ suppressHighlighting={true}
934
+ >
935
+ H-Item
936
+ 10
937
+ </Text>
938
+ </View>
939
+ </View>
940
+ </View>
941
+ </RCTScrollView>
942
+ </RNCSafeAreaProvider>
943
+ `;
944
+
945
+ exports[`Bumper/Core/Primitives/ScrollView/Features ScrollDisabled 1`] = `
946
+ <RNCSafeAreaProvider
947
+ onInsetsChange={[Function]}
948
+ style={
949
+ [
950
+ {
951
+ "flex": 1,
952
+ },
953
+ undefined,
954
+ ]
955
+ }
956
+ >
957
+ <View
958
+ style={
959
+ {
960
+ "flexDirection": "column",
961
+ "gap": 16,
962
+ }
963
+ }
964
+ >
965
+ <Text
966
+ style={
967
+ {
968
+ "fontFamily": "GTStandard",
969
+ "fontSize": 14,
970
+ "letterSpacing": 0.3,
971
+ "lineHeight": 20,
972
+ }
973
+ }
974
+ suppressHighlighting={true}
975
+ >
976
+ Scroll disabled (cannot scroll):
977
+ </Text>
978
+ <RCTScrollView
979
+ scrollEnabled={false}
980
+ style={
981
+ {
982
+ "height": 120,
983
+ "width": 208,
984
+ }
985
+ }
986
+ >
987
+ <View>
988
+ <View
989
+ style={
990
+ {
991
+ "flexDirection": "column",
992
+ "gap": 8,
993
+ "paddingBottom": 8,
994
+ "paddingLeft": 8,
995
+ "paddingRight": 8,
996
+ "paddingTop": 8,
997
+ }
998
+ }
999
+ >
1000
+ <View
1001
+ style={
1002
+ {
1003
+ "backgroundColor": "#ECECEC",
1004
+ "borderBottomLeftRadius": 4,
1005
+ "borderBottomRightRadius": 4,
1006
+ "borderTopLeftRadius": 4,
1007
+ "borderTopRightRadius": 4,
1008
+ "paddingBottom": 12,
1009
+ "paddingLeft": 12,
1010
+ "paddingRight": 12,
1011
+ "paddingTop": 12,
1012
+ }
1013
+ }
1014
+ >
1015
+ <Text
1016
+ style={
1017
+ {
1018
+ "fontFamily": "GTStandard",
1019
+ "fontSize": 14,
1020
+ "letterSpacing": 0.3,
1021
+ "lineHeight": 20,
1022
+ }
1023
+ }
1024
+ suppressHighlighting={true}
1025
+ >
1026
+ Item
1027
+ 1
1028
+ </Text>
1029
+ </View>
1030
+ <View
1031
+ style={
1032
+ {
1033
+ "backgroundColor": "#ECECEC",
1034
+ "borderBottomLeftRadius": 4,
1035
+ "borderBottomRightRadius": 4,
1036
+ "borderTopLeftRadius": 4,
1037
+ "borderTopRightRadius": 4,
1038
+ "paddingBottom": 12,
1039
+ "paddingLeft": 12,
1040
+ "paddingRight": 12,
1041
+ "paddingTop": 12,
1042
+ }
1043
+ }
1044
+ >
1045
+ <Text
1046
+ style={
1047
+ {
1048
+ "fontFamily": "GTStandard",
1049
+ "fontSize": 14,
1050
+ "letterSpacing": 0.3,
1051
+ "lineHeight": 20,
1052
+ }
1053
+ }
1054
+ suppressHighlighting={true}
1055
+ >
1056
+ Item
1057
+ 2
1058
+ </Text>
1059
+ </View>
1060
+ <View
1061
+ style={
1062
+ {
1063
+ "backgroundColor": "#ECECEC",
1064
+ "borderBottomLeftRadius": 4,
1065
+ "borderBottomRightRadius": 4,
1066
+ "borderTopLeftRadius": 4,
1067
+ "borderTopRightRadius": 4,
1068
+ "paddingBottom": 12,
1069
+ "paddingLeft": 12,
1070
+ "paddingRight": 12,
1071
+ "paddingTop": 12,
1072
+ }
1073
+ }
1074
+ >
1075
+ <Text
1076
+ style={
1077
+ {
1078
+ "fontFamily": "GTStandard",
1079
+ "fontSize": 14,
1080
+ "letterSpacing": 0.3,
1081
+ "lineHeight": 20,
1082
+ }
1083
+ }
1084
+ suppressHighlighting={true}
1085
+ >
1086
+ Item
1087
+ 3
1088
+ </Text>
1089
+ </View>
1090
+ <View
1091
+ style={
1092
+ {
1093
+ "backgroundColor": "#ECECEC",
1094
+ "borderBottomLeftRadius": 4,
1095
+ "borderBottomRightRadius": 4,
1096
+ "borderTopLeftRadius": 4,
1097
+ "borderTopRightRadius": 4,
1098
+ "paddingBottom": 12,
1099
+ "paddingLeft": 12,
1100
+ "paddingRight": 12,
1101
+ "paddingTop": 12,
1102
+ }
1103
+ }
1104
+ >
1105
+ <Text
1106
+ style={
1107
+ {
1108
+ "fontFamily": "GTStandard",
1109
+ "fontSize": 14,
1110
+ "letterSpacing": 0.3,
1111
+ "lineHeight": 20,
1112
+ }
1113
+ }
1114
+ suppressHighlighting={true}
1115
+ >
1116
+ Item
1117
+ 4
1118
+ </Text>
1119
+ </View>
1120
+ <View
1121
+ style={
1122
+ {
1123
+ "backgroundColor": "#ECECEC",
1124
+ "borderBottomLeftRadius": 4,
1125
+ "borderBottomRightRadius": 4,
1126
+ "borderTopLeftRadius": 4,
1127
+ "borderTopRightRadius": 4,
1128
+ "paddingBottom": 12,
1129
+ "paddingLeft": 12,
1130
+ "paddingRight": 12,
1131
+ "paddingTop": 12,
1132
+ }
1133
+ }
1134
+ >
1135
+ <Text
1136
+ style={
1137
+ {
1138
+ "fontFamily": "GTStandard",
1139
+ "fontSize": 14,
1140
+ "letterSpacing": 0.3,
1141
+ "lineHeight": 20,
1142
+ }
1143
+ }
1144
+ suppressHighlighting={true}
1145
+ >
1146
+ Item
1147
+ 5
1148
+ </Text>
1149
+ </View>
1150
+ <View
1151
+ style={
1152
+ {
1153
+ "backgroundColor": "#ECECEC",
1154
+ "borderBottomLeftRadius": 4,
1155
+ "borderBottomRightRadius": 4,
1156
+ "borderTopLeftRadius": 4,
1157
+ "borderTopRightRadius": 4,
1158
+ "paddingBottom": 12,
1159
+ "paddingLeft": 12,
1160
+ "paddingRight": 12,
1161
+ "paddingTop": 12,
1162
+ }
1163
+ }
1164
+ >
1165
+ <Text
1166
+ style={
1167
+ {
1168
+ "fontFamily": "GTStandard",
1169
+ "fontSize": 14,
1170
+ "letterSpacing": 0.3,
1171
+ "lineHeight": 20,
1172
+ }
1173
+ }
1174
+ suppressHighlighting={true}
1175
+ >
1176
+ Item
1177
+ 6
1178
+ </Text>
1179
+ </View>
1180
+ <View
1181
+ style={
1182
+ {
1183
+ "backgroundColor": "#ECECEC",
1184
+ "borderBottomLeftRadius": 4,
1185
+ "borderBottomRightRadius": 4,
1186
+ "borderTopLeftRadius": 4,
1187
+ "borderTopRightRadius": 4,
1188
+ "paddingBottom": 12,
1189
+ "paddingLeft": 12,
1190
+ "paddingRight": 12,
1191
+ "paddingTop": 12,
1192
+ }
1193
+ }
1194
+ >
1195
+ <Text
1196
+ style={
1197
+ {
1198
+ "fontFamily": "GTStandard",
1199
+ "fontSize": 14,
1200
+ "letterSpacing": 0.3,
1201
+ "lineHeight": 20,
1202
+ }
1203
+ }
1204
+ suppressHighlighting={true}
1205
+ >
1206
+ Item
1207
+ 7
1208
+ </Text>
1209
+ </View>
1210
+ <View
1211
+ style={
1212
+ {
1213
+ "backgroundColor": "#ECECEC",
1214
+ "borderBottomLeftRadius": 4,
1215
+ "borderBottomRightRadius": 4,
1216
+ "borderTopLeftRadius": 4,
1217
+ "borderTopRightRadius": 4,
1218
+ "paddingBottom": 12,
1219
+ "paddingLeft": 12,
1220
+ "paddingRight": 12,
1221
+ "paddingTop": 12,
1222
+ }
1223
+ }
1224
+ >
1225
+ <Text
1226
+ style={
1227
+ {
1228
+ "fontFamily": "GTStandard",
1229
+ "fontSize": 14,
1230
+ "letterSpacing": 0.3,
1231
+ "lineHeight": 20,
1232
+ }
1233
+ }
1234
+ suppressHighlighting={true}
1235
+ >
1236
+ Item
1237
+ 8
1238
+ </Text>
1239
+ </View>
1240
+ </View>
1241
+ </View>
1242
+ </RCTScrollView>
1243
+ </View>
1244
+ </RNCSafeAreaProvider>
1245
+ `;