@hero-design/rn 8.92.1 → 8.92.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +24 -0
  3. package/assets/fonts/hero-icons-mobile.ttf +0 -0
  4. package/es/index.js +594 -729
  5. package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
  6. package/lib/index.js +595 -729
  7. package/package.json +4 -2
  8. package/rollup.config.mjs +1 -0
  9. package/src/components/Button/StyledButton.tsx +15 -8
  10. package/src/components/Button/UtilityButton/StyledUtilityButton.tsx +5 -3
  11. package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +4 -0
  12. package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +61 -4
  13. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +26 -0
  14. package/src/components/Calendar/__tests__/CalendarRange.spec.tsx +26 -11
  15. package/src/components/Calendar/__tests__/helper.spec.ts +65 -58
  16. package/src/components/Calendar/helpers.ts +8 -13
  17. package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap +6 -0
  18. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +2 -0
  19. package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
  20. package/src/components/Icon/IconList.ts +1 -0
  21. package/src/components/MapPin/StyledMapPin.tsx +1 -9
  22. package/src/components/Progress/ProgressCircle.tsx +53 -109
  23. package/src/components/Progress/StyledProgressBar.tsx +4 -1
  24. package/src/components/Progress/StyledProgressCircle.tsx +1 -57
  25. package/src/components/Progress/StyledStep.tsx +1 -1
  26. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +299 -647
  27. package/src/components/Search/SearchOneLine.tsx +2 -2
  28. package/src/components/Search/SearchTwoLine.tsx +1 -1
  29. package/src/components/Search/StyledSearch.tsx +20 -35
  30. package/src/components/Search/__tests__/__snapshots__/SearchOneLine.spec.tsx.snap +51 -51
  31. package/src/components/Search/__tests__/__snapshots__/SearchSuffixIcon.spec.tsx.snap +2 -2
  32. package/src/components/Search/__tests__/__snapshots__/SearchTwoLine.spec.tsx.snap +13 -15
  33. package/src/components/Search/__tests__/__snapshots__/utils.spec.tsx.snap +4 -4
  34. package/src/components/Search/utils.tsx +2 -2
  35. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +5 -0
  36. package/src/components/Tabs/TabWithBadge.tsx +1 -1
  37. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +15 -9
  38. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap +6 -6
  39. package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap +3 -3
  40. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +15 -9
  41. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +1 -0
  42. package/src/components/Toolbar/StyledToolbar.tsx +1 -0
  43. package/src/components/Toolbar/ToolbarMessage.tsx +3 -0
  44. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarMessage.spec.tsx.snap +8 -0
  45. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +20 -23
  46. package/src/theme/components/button.ts +10 -0
  47. package/src/theme/components/progress.ts +21 -26
  48. package/src/theme/components/search.ts +2 -10
  49. package/src/theme/components/toolbar.ts +2 -0
  50. package/src/utils/helpers.ts +9 -0
  51. package/stats/8.92.2/rn-stats.html +4842 -0
  52. package/stats/8.92.3/rn-stats.html +4842 -0
  53. package/types/components/Button/StyledButton.d.ts +2 -2
  54. package/types/components/Button/UtilityButton/StyledUtilityButton.d.ts +1 -1
  55. package/types/components/Icon/IconList.d.ts +1 -1
  56. package/types/components/Icon/index.d.ts +1 -1
  57. package/types/components/Progress/StyledProgressCircle.d.ts +1 -32
  58. package/types/components/Search/StyledSearch.d.ts +0 -1
  59. package/types/components/TextInput/index.d.ts +1 -1
  60. package/types/theme/components/button.d.ts +3 -0
  61. package/types/theme/components/progress.d.ts +6 -6
  62. package/types/theme/components/search.d.ts +2 -10
  63. package/types/theme/components/toolbar.d.ts +2 -0
  64. package/types/utils/helpers.d.ts +1 -0
package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap CHANGED
@@ -13,7 +13,7 @@ exports[`Progress.Bar renders correctly 1`] = `
13
13
  [
14
14
  {
15
15
  "alignSelf": "stretch",
16
- "backgroundColor": "#e8e9ea",
16
+ "backgroundColor": "rgba(0,0,0,0.1)",
17
17
  "borderRadius": 999,
18
18
  "height": 8,
19
19
  "overflow": "hidden",
@@ -80,7 +80,7 @@ exports[`Progress.Bar renders correctly with intent 1`] = `
80
80
  [
81
81
  {
82
82
  "alignSelf": "stretch",
83
- "backgroundColor": "#e8e9ea",
83
+ "backgroundColor": "rgba(0,0,0,0.1)",
84
84
  "borderRadius": 999,
85
85
  "height": 8,
86
86
  "overflow": "hidden",
@@ -156,238 +156,122 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
156
156
  ]
157
157
  }
158
158
  >
159
- <View>
160
- <View
161
- style={
162
- [
163
- {
164
- "height": 72,
165
- "overflow": "hidden",
166
- "width": 36,
167
- },
168
- undefined,
169
- ]
170
- }
171
- >
172
- <View
173
- style={
174
- [
175
- {
176
- "borderColor": "#5ace7d",
177
- "borderRadius": 999,
178
- "borderWidth": 8,
179
- "height": 72,
180
- "width": 72,
181
- },
182
- undefined,
183
- ]
184
- }
185
- themeIntent="success"
186
- />
187
- </View>
188
- <View
189
- collapsable={false}
190
- style={
159
+ <RNSVGSvgView
160
+ align="xMidYMid"
161
+ bbHeight={72}
162
+ bbWidth={72}
163
+ focusable={false}
164
+ height={72}
165
+ meetOrSlice={0}
166
+ minX={0}
167
+ minY={0}
168
+ style={
169
+ [
191
170
  {
192
- "bottom": 0,
193
- "left": 0,
194
- "position": "absolute",
195
- "right": 0,
196
- "top": 0,
197
- "transform": [
198
- {
199
- "translateX": 18,
200
- },
201
- {
202
- "rotate": "0deg",
203
- },
204
- {
205
- "translateX": -18,
206
- },
207
- ],
171
+ "backgroundColor": "transparent",
172
+ "borderWidth": 0,
173
+ },
174
+ {
175
+ "flex": 0,
176
+ "height": 72,
177
+ "width": 72,
178
+ },
179
+ ]
180
+ }
181
+ vbHeight={72}
182
+ vbWidth={72}
183
+ width={72}
184
+ >
185
+ <RNSVGGroup
186
+ fill={
187
+ {
188
+ "payload": 4278190080,
189
+ "type": 0,
208
190
  }
209
191
  }
210
192
  >
211
- <View
212
- style={
193
+ <RNSVGGroup
194
+ fill={
195
+ {
196
+ "payload": 4278190080,
197
+ "type": 0,
198
+ }
199
+ }
200
+ matrix={
213
201
  [
214
- {
215
- "height": 72,
216
- "overflow": "hidden",
217
- "width": 36,
218
- },
219
- undefined,
202
+ 6.123233995736766e-17,
203
+ -1,
204
+ 1,
205
+ 6.123233995736766e-17,
206
+ 0,
207
+ 72,
220
208
  ]
221
209
  }
222
210
  >
223
- <View
224
- style={
211
+ <RNSVGCircle
212
+ cx={36}
213
+ cy={36}
214
+ fill={
215
+ {
216
+ "payload": 0,
217
+ "type": 0,
218
+ }
219
+ }
220
+ propList={
225
221
  [
226
- {
227
- "borderColor": "#e8e9ea",
228
- "borderRadius": 999,
229
- "borderWidth": 8,
230
- "height": 72,
231
- "width": 72,
232
- },
233
- undefined,
222
+ "fill",
223
+ "stroke",
224
+ "strokeWidth",
234
225
  ]
235
226
  }
236
- themeIntent="success"
237
- />
238
- </View>
239
- </View>
240
- </View>
241
- <View
242
- style={
243
- {
244
- "marginLeft": -0.1,
245
- "transform": [
246
- {
247
- "rotate": "180deg",
248
- },
249
- ],
250
- "zIndex": 1,
251
- }
252
- }
253
- >
254
- <View
255
- style={
256
- [
257
- {
258
- "height": 72,
259
- "overflow": "hidden",
260
- "width": 36,
261
- },
262
- undefined,
263
- ]
264
- }
265
- >
266
- <View
267
- style={
268
- [
227
+ r={28}
228
+ stroke={
269
229
  {
270
- "borderColor": "#5ace7d",
271
- "borderRadius": 999,
272
- "borderWidth": 8,
273
- "height": 72,
274
- "width": 72,
275
- },
276
- undefined,
277
- ]
278
- }
279
- themeIntent="success"
280
- />
281
- </View>
282
- <View
283
- collapsable={false}
284
- style={
285
- {
286
- "bottom": 0,
287
- "left": 0,
288
- "opacity": 1,
289
- "position": "absolute",
290
- "right": 0,
291
- "top": 0,
292
- "transform": [
293
- {
294
- "translateX": 18,
295
- },
296
- {
297
- "rotate": "0deg",
298
- },
230
+ "payload": 436207616,
231
+ "type": 0,
232
+ }
233
+ }
234
+ strokeWidth={8}
235
+ />
236
+ <RNSVGCircle
237
+ cx={36}
238
+ cy={36}
239
+ fill={
299
240
  {
300
- "translateX": -18,
301
- },
302
- ],
303
- }
304
- }
305
- >
306
- <View
307
- style={
308
- [
241
+ "payload": 0,
242
+ "type": 0,
243
+ }
244
+ }
245
+ propList={
246
+ [
247
+ "fill",
248
+ "stroke",
249
+ "strokeWidth",
250
+ "strokeDasharray",
251
+ "strokeDashoffset",
252
+ "strokeLinecap",
253
+ ]
254
+ }
255
+ r={28}
256
+ stroke={
309
257
  {
310
- "height": 72,
311
- "overflow": "hidden",
312
- "width": 36,
313
- },
314
- undefined,
315
- ]
316
- }
317
- >
318
- <View
319
- style={
258
+ "payload": 4284141181,
259
+ "type": 0,
260
+ }
261
+ }
262
+ strokeDasharray={
320
263
  [
321
- {
322
- "borderColor": "#e8e9ea",
323
- "borderRadius": 999,
324
- "borderWidth": 8,
325
- "height": 72,
326
- "width": 72,
327
- },
328
- undefined,
264
+ 175.92918860102841,
265
+ 175.92918860102841,
329
266
  ]
330
267
  }
331
- themeIntent="success"
268
+ strokeDashoffset={174.65594905629325}
269
+ strokeLinecap={1}
270
+ strokeWidth={8}
332
271
  />
333
- </View>
334
- </View>
335
- </View>
336
- <View
337
- style={
338
- [
339
- {
340
- "backgroundColor": "#5ace7d",
341
- "borderRadius": 999,
342
- "height": 8,
343
- "left": 32,
344
- "position": "absolute",
345
- "top": 0,
346
- "width": 8,
347
- "zIndex": 2,
348
- },
349
- undefined,
350
- ]
351
- }
352
- themeIntent="success"
353
- />
354
- <View
355
- collapsable={false}
356
- style={
357
- {
358
- "bottom": 0,
359
- "left": 0,
360
- "position": "absolute",
361
- "right": 0,
362
- "top": 0,
363
- "transform": [
364
- {
365
- "rotate": "0deg",
366
- },
367
- ],
368
- "zIndex": 2,
369
- }
370
- }
371
- >
372
- <View
373
- style={
374
- [
375
- {
376
- "backgroundColor": "#5ace7d",
377
- "borderRadius": 999,
378
- "height": 8,
379
- "left": 32,
380
- "position": "absolute",
381
- "top": 0,
382
- "width": 8,
383
- "zIndex": 2,
384
- },
385
- undefined,
386
- ]
387
- }
388
- themeIntent="success"
389
- />
390
- </View>
272
+ </RNSVGGroup>
273
+ </RNSVGGroup>
274
+ </RNSVGSvgView>
391
275
  <View
392
276
  style={
393
277
  [
@@ -474,238 +358,122 @@ exports[`Progress.Circle renders correctly 1`] = `
474
358
  ]
475
359
  }
476
360
  >
477
- <View>
478
- <View
479
- style={
480
- [
481
- {
482
- "height": 72,
483
- "overflow": "hidden",
484
- "width": 36,
485
- },
486
- undefined,
487
- ]
488
- }
489
- >
490
- <View
491
- style={
492
- [
493
- {
494
- "borderColor": "#401960",
495
- "borderRadius": 999,
496
- "borderWidth": 8,
497
- "height": 72,
498
- "width": 72,
499
- },
500
- undefined,
501
- ]
502
- }
503
- themeIntent="primary"
504
- />
505
- </View>
506
- <View
507
- collapsable={false}
508
- style={
361
+ <RNSVGSvgView
362
+ align="xMidYMid"
363
+ bbHeight={72}
364
+ bbWidth={72}
365
+ focusable={false}
366
+ height={72}
367
+ meetOrSlice={0}
368
+ minX={0}
369
+ minY={0}
370
+ style={
371
+ [
509
372
  {
510
- "bottom": 0,
511
- "left": 0,
512
- "position": "absolute",
513
- "right": 0,
514
- "top": 0,
515
- "transform": [
516
- {
517
- "translateX": 18,
518
- },
519
- {
520
- "rotate": "0deg",
521
- },
522
- {
523
- "translateX": -18,
524
- },
525
- ],
373
+ "backgroundColor": "transparent",
374
+ "borderWidth": 0,
375
+ },
376
+ {
377
+ "flex": 0,
378
+ "height": 72,
379
+ "width": 72,
380
+ },
381
+ ]
382
+ }
383
+ vbHeight={72}
384
+ vbWidth={72}
385
+ width={72}
386
+ >
387
+ <RNSVGGroup
388
+ fill={
389
+ {
390
+ "payload": 4278190080,
391
+ "type": 0,
526
392
  }
527
393
  }
528
394
  >
529
- <View
530
- style={
395
+ <RNSVGGroup
396
+ fill={
397
+ {
398
+ "payload": 4278190080,
399
+ "type": 0,
400
+ }
401
+ }
402
+ matrix={
531
403
  [
532
- {
533
- "height": 72,
534
- "overflow": "hidden",
535
- "width": 36,
536
- },
537
- undefined,
404
+ 6.123233995736766e-17,
405
+ -1,
406
+ 1,
407
+ 6.123233995736766e-17,
408
+ 0,
409
+ 72,
538
410
  ]
539
411
  }
540
412
  >
541
- <View
542
- style={
413
+ <RNSVGCircle
414
+ cx={36}
415
+ cy={36}
416
+ fill={
417
+ {
418
+ "payload": 0,
419
+ "type": 0,
420
+ }
421
+ }
422
+ propList={
543
423
  [
544
- {
545
- "borderColor": "#e8e9ea",
546
- "borderRadius": 999,
547
- "borderWidth": 8,
548
- "height": 72,
549
- "width": 72,
550
- },
551
- undefined,
424
+ "fill",
425
+ "stroke",
426
+ "strokeWidth",
552
427
  ]
553
428
  }
554
- themeIntent="primary"
555
- />
556
- </View>
557
- </View>
558
- </View>
559
- <View
560
- style={
561
- {
562
- "marginLeft": -0.1,
563
- "transform": [
564
- {
565
- "rotate": "180deg",
566
- },
567
- ],
568
- "zIndex": 1,
569
- }
570
- }
571
- >
572
- <View
573
- style={
574
- [
575
- {
576
- "height": 72,
577
- "overflow": "hidden",
578
- "width": 36,
579
- },
580
- undefined,
581
- ]
582
- }
583
- >
584
- <View
585
- style={
586
- [
429
+ r={28}
430
+ stroke={
587
431
  {
588
- "borderColor": "#401960",
589
- "borderRadius": 999,
590
- "borderWidth": 8,
591
- "height": 72,
592
- "width": 72,
593
- },
594
- undefined,
595
- ]
596
- }
597
- themeIntent="primary"
598
- />
599
- </View>
600
- <View
601
- collapsable={false}
602
- style={
603
- {
604
- "bottom": 0,
605
- "left": 0,
606
- "opacity": 1,
607
- "position": "absolute",
608
- "right": 0,
609
- "top": 0,
610
- "transform": [
611
- {
612
- "translateX": 18,
613
- },
614
- {
615
- "rotate": "0deg",
616
- },
432
+ "payload": 436207616,
433
+ "type": 0,
434
+ }
435
+ }
436
+ strokeWidth={8}
437
+ />
438
+ <RNSVGCircle
439
+ cx={36}
440
+ cy={36}
441
+ fill={
617
442
  {
618
- "translateX": -18,
619
- },
620
- ],
621
- }
622
- }
623
- >
624
- <View
625
- style={
626
- [
443
+ "payload": 0,
444
+ "type": 0,
445
+ }
446
+ }
447
+ propList={
448
+ [
449
+ "fill",
450
+ "stroke",
451
+ "strokeWidth",
452
+ "strokeDasharray",
453
+ "strokeDashoffset",
454
+ "strokeLinecap",
455
+ ]
456
+ }
457
+ r={28}
458
+ stroke={
627
459
  {
628
- "height": 72,
629
- "overflow": "hidden",
630
- "width": 36,
631
- },
632
- undefined,
633
- ]
634
- }
635
- >
636
- <View
637
- style={
460
+ "payload": 4282390880,
461
+ "type": 0,
462
+ }
463
+ }
464
+ strokeDasharray={
638
465
  [
639
- {
640
- "borderColor": "#e8e9ea",
641
- "borderRadius": 999,
642
- "borderWidth": 8,
643
- "height": 72,
644
- "width": 72,
645
- },
646
- undefined,
466
+ 175.92918860102841,
467
+ 175.92918860102841,
647
468
  ]
648
469
  }
649
- themeIntent="primary"
470
+ strokeDashoffset={174.65594905629325}
471
+ strokeLinecap={1}
472
+ strokeWidth={8}
650
473
  />
651
- </View>
652
- </View>
653
- </View>
654
- <View
655
- style={
656
- [
657
- {
658
- "backgroundColor": "#401960",
659
- "borderRadius": 999,
660
- "height": 8,
661
- "left": 32,
662
- "position": "absolute",
663
- "top": 0,
664
- "width": 8,
665
- "zIndex": 2,
666
- },
667
- undefined,
668
- ]
669
- }
670
- themeIntent="primary"
671
- />
672
- <View
673
- collapsable={false}
674
- style={
675
- {
676
- "bottom": 0,
677
- "left": 0,
678
- "position": "absolute",
679
- "right": 0,
680
- "top": 0,
681
- "transform": [
682
- {
683
- "rotate": "0deg",
684
- },
685
- ],
686
- "zIndex": 2,
687
- }
688
- }
689
- >
690
- <View
691
- style={
692
- [
693
- {
694
- "backgroundColor": "#401960",
695
- "borderRadius": 999,
696
- "height": 8,
697
- "left": 32,
698
- "position": "absolute",
699
- "top": 0,
700
- "width": 8,
701
- "zIndex": 2,
702
- },
703
- undefined,
704
- ]
705
- }
706
- themeIntent="primary"
707
- />
708
- </View>
474
+ </RNSVGGroup>
475
+ </RNSVGGroup>
476
+ </RNSVGSvgView>
709
477
  <View
710
478
  style={
711
479
  [
@@ -792,238 +560,122 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
792
560
  ]
793
561
  }
794
562
  >
795
- <View>
796
- <View
797
- style={
798
- [
799
- {
800
- "height": 72,
801
- "overflow": "hidden",
802
- "width": 36,
803
- },
804
- undefined,
805
- ]
806
- }
807
- >
808
- <View
809
- style={
810
- [
811
- {
812
- "borderColor": "#5ace7d",
813
- "borderRadius": 999,
814
- "borderWidth": 8,
815
- "height": 72,
816
- "width": 72,
817
- },
818
- undefined,
819
- ]
820
- }
821
- themeIntent="success"
822
- />
823
- </View>
824
- <View
825
- collapsable={false}
826
- style={
563
+ <RNSVGSvgView
564
+ align="xMidYMid"
565
+ bbHeight={72}
566
+ bbWidth={72}
567
+ focusable={false}
568
+ height={72}
569
+ meetOrSlice={0}
570
+ minX={0}
571
+ minY={0}
572
+ style={
573
+ [
827
574
  {
828
- "bottom": 0,
829
- "left": 0,
830
- "position": "absolute",
831
- "right": 0,
832
- "top": 0,
833
- "transform": [
834
- {
835
- "translateX": 18,
836
- },
837
- {
838
- "rotate": "0deg",
839
- },
840
- {
841
- "translateX": -18,
842
- },
843
- ],
575
+ "backgroundColor": "transparent",
576
+ "borderWidth": 0,
577
+ },
578
+ {
579
+ "flex": 0,
580
+ "height": 72,
581
+ "width": 72,
582
+ },
583
+ ]
584
+ }
585
+ vbHeight={72}
586
+ vbWidth={72}
587
+ width={72}
588
+ >
589
+ <RNSVGGroup
590
+ fill={
591
+ {
592
+ "payload": 4278190080,
593
+ "type": 0,
844
594
  }
845
595
  }
846
596
  >
847
- <View
848
- style={
597
+ <RNSVGGroup
598
+ fill={
599
+ {
600
+ "payload": 4278190080,
601
+ "type": 0,
602
+ }
603
+ }
604
+ matrix={
849
605
  [
850
- {
851
- "height": 72,
852
- "overflow": "hidden",
853
- "width": 36,
854
- },
855
- undefined,
606
+ 6.123233995736766e-17,
607
+ -1,
608
+ 1,
609
+ 6.123233995736766e-17,
610
+ 0,
611
+ 72,
856
612
  ]
857
613
  }
858
614
  >
859
- <View
860
- style={
615
+ <RNSVGCircle
616
+ cx={36}
617
+ cy={36}
618
+ fill={
619
+ {
620
+ "payload": 0,
621
+ "type": 0,
622
+ }
623
+ }
624
+ propList={
861
625
  [
862
- {
863
- "borderColor": "#e8e9ea",
864
- "borderRadius": 999,
865
- "borderWidth": 8,
866
- "height": 72,
867
- "width": 72,
868
- },
869
- undefined,
626
+ "fill",
627
+ "stroke",
628
+ "strokeWidth",
870
629
  ]
871
630
  }
872
- themeIntent="success"
873
- />
874
- </View>
875
- </View>
876
- </View>
877
- <View
878
- style={
879
- {
880
- "marginLeft": -0.1,
881
- "transform": [
882
- {
883
- "rotate": "180deg",
884
- },
885
- ],
886
- "zIndex": 1,
887
- }
888
- }
889
- >
890
- <View
891
- style={
892
- [
893
- {
894
- "height": 72,
895
- "overflow": "hidden",
896
- "width": 36,
897
- },
898
- undefined,
899
- ]
900
- }
901
- >
902
- <View
903
- style={
904
- [
905
- {
906
- "borderColor": "#5ace7d",
907
- "borderRadius": 999,
908
- "borderWidth": 8,
909
- "height": 72,
910
- "width": 72,
911
- },
912
- undefined,
913
- ]
914
- }
915
- themeIntent="success"
916
- />
917
- </View>
918
- <View
919
- collapsable={false}
920
- style={
921
- {
922
- "bottom": 0,
923
- "left": 0,
924
- "opacity": 1,
925
- "position": "absolute",
926
- "right": 0,
927
- "top": 0,
928
- "transform": [
929
- {
930
- "translateX": 18,
931
- },
631
+ r={28}
632
+ stroke={
932
633
  {
933
- "rotate": "0deg",
934
- },
634
+ "payload": 436207616,
635
+ "type": 0,
636
+ }
637
+ }
638
+ strokeWidth={8}
639
+ />
640
+ <RNSVGCircle
641
+ cx={36}
642
+ cy={36}
643
+ fill={
935
644
  {
936
- "translateX": -18,
937
- },
938
- ],
939
- }
940
- }
941
- >
942
- <View
943
- style={
944
- [
645
+ "payload": 0,
646
+ "type": 0,
647
+ }
648
+ }
649
+ propList={
650
+ [
651
+ "fill",
652
+ "stroke",
653
+ "strokeWidth",
654
+ "strokeDasharray",
655
+ "strokeDashoffset",
656
+ "strokeLinecap",
657
+ ]
658
+ }
659
+ r={28}
660
+ stroke={
945
661
  {
946
- "height": 72,
947
- "overflow": "hidden",
948
- "width": 36,
949
- },
950
- undefined,
951
- ]
952
- }
953
- >
954
- <View
955
- style={
662
+ "payload": 4284141181,
663
+ "type": 0,
664
+ }
665
+ }
666
+ strokeDasharray={
956
667
  [
957
- {
958
- "borderColor": "#e8e9ea",
959
- "borderRadius": 999,
960
- "borderWidth": 8,
961
- "height": 72,
962
- "width": 72,
963
- },
964
- undefined,
668
+ 175.92918860102841,
669
+ 175.92918860102841,
965
670
  ]
966
671
  }
967
- themeIntent="success"
672
+ strokeDashoffset={174.65594905629325}
673
+ strokeLinecap={1}
674
+ strokeWidth={8}
968
675
  />
969
- </View>
970
- </View>
971
- </View>
972
- <View
973
- style={
974
- [
975
- {
976
- "backgroundColor": "#5ace7d",
977
- "borderRadius": 999,
978
- "height": 8,
979
- "left": 32,
980
- "position": "absolute",
981
- "top": 0,
982
- "width": 8,
983
- "zIndex": 2,
984
- },
985
- undefined,
986
- ]
987
- }
988
- themeIntent="success"
989
- />
990
- <View
991
- collapsable={false}
992
- style={
993
- {
994
- "bottom": 0,
995
- "left": 0,
996
- "position": "absolute",
997
- "right": 0,
998
- "top": 0,
999
- "transform": [
1000
- {
1001
- "rotate": "0deg",
1002
- },
1003
- ],
1004
- "zIndex": 2,
1005
- }
1006
- }
1007
- >
1008
- <View
1009
- style={
1010
- [
1011
- {
1012
- "backgroundColor": "#5ace7d",
1013
- "borderRadius": 999,
1014
- "height": 8,
1015
- "left": 32,
1016
- "position": "absolute",
1017
- "top": 0,
1018
- "width": 8,
1019
- "zIndex": 2,
1020
- },
1021
- undefined,
1022
- ]
1023
- }
1024
- themeIntent="success"
1025
- />
1026
- </View>
676
+ </RNSVGGroup>
677
+ </RNSVGGroup>
678
+ </RNSVGSvgView>
1027
679
  <View
1028
680
  style={
1029
681
  [
@@ -1119,7 +771,7 @@ exports[`Progress.Step renders correctly 1`] = `
1119
771
  {},
1120
772
  [
1121
773
  {
1122
- "backgroundColor": "#DACCE4",
774
+ "backgroundColor": "#ccd2d3",
1123
775
  "borderRadius": 999,
1124
776
  "height": 8,
1125
777
  "width": 0,
@@ -1380,7 +1032,7 @@ exports[`Progress.Step renders correctly with single step 1`] = `
1380
1032
  {},
1381
1033
  [
1382
1034
  {
1383
- "backgroundColor": "#DACCE4",
1035
+ "backgroundColor": "#dadbde",
1384
1036
  "borderRadius": 999,
1385
1037
  "height": 8,
1386
1038
  "position": "relative",
@@ -1451,7 +1103,7 @@ exports[`Progress.Step renders correctly with single step 2`] = `
1451
1103
  {},
1452
1104
  [
1453
1105
  {
1454
- "backgroundColor": "#DACCE4",
1106
+ "backgroundColor": "#dadbde",
1455
1107
  "borderRadius": 999,
1456
1108
  "height": 8,
1457
1109
  "position": "relative",