@georgewrmarshall/design-system-metrics 2.2.0 → 2.4.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.
package/config.json CHANGED
@@ -4,57 +4,450 @@
4
4
  "rootFolder": "ui",
5
5
  "ignoreFolders": ["ui/components/component-library"],
6
6
  "filePattern": "ui/**/*.{js,tsx}",
7
- "outputFile": "extension-component-metrics.csv",
7
+ "outputFile": "extension-component-metrics.xlsx",
8
8
  "currentPackages": ["@metamask/design-system-react"],
9
- "deprecatedComponents": [
10
- "AvatarBase",
11
- "AvatarFavicon",
12
- "AvatarIcon",
13
- "AvatarNetwork",
14
- "AvatarToken",
15
- "BadgeWrapper",
16
- "BannerAlert",
17
- "BannerBase",
18
- "BannerTip",
19
- "Box",
20
- "Button",
21
- "ButtonBase",
22
- "ButtonIcon",
23
- "ButtonLink",
24
- "ButtonPrimary",
25
- "ButtonSecondary",
26
- "Checkbox",
27
- "Container",
28
- "FileUploader",
29
- "FormTextField",
30
- "HeaderBase",
31
- "HelpText",
32
- "Icon",
33
- "Input",
34
- "Label",
35
- "LottieAnimation",
36
- "Modal",
37
- "ModalBody",
38
- "ModalContent",
39
- "ModalFocus",
40
- "ModalFooter",
41
- "ModalHeader",
42
- "ModalOverlay",
43
- "PickerNetwork",
44
- "Popover",
45
- "PopoverHeader",
46
- "SelectButton",
47
- "SelectOption",
48
- "SelectWrapper",
49
- "SensitiveText",
50
- "Skeleton",
51
- "Tag",
52
- "TagUrl",
53
- "Text",
54
- "Textarea",
55
- "TextField",
56
- "TextFieldSearch"
57
- ],
9
+ "deprecatedComponents": {
10
+ "ActionableMessage": {
11
+ "paths": ["ui/components/ui/actionable-message"],
12
+ "replacement": {
13
+ "component": "BannerAlert",
14
+ "package": "component-library",
15
+ "path": "ui/components/component-library/banner-alert"
16
+ }
17
+ },
18
+ "ApproveIcon": {
19
+ "paths": ["ui/components/ui/icon/approve-icon"],
20
+ "replacement": {
21
+ "component": "Icon",
22
+ "package": "@metamask/design-system-react"
23
+ }
24
+ },
25
+ "AvatarBase": {
26
+ "paths": ["ui/components/component-library/avatar-base"],
27
+ "replacement": {
28
+ "component": "AvatarBase",
29
+ "package": "@metamask/design-system-react"
30
+ }
31
+ },
32
+ "AvatarFavicon": {
33
+ "paths": ["ui/components/component-library/avatar-favicon"],
34
+ "replacement": {
35
+ "component": "AvatarFavicon",
36
+ "package": "@metamask/design-system-react"
37
+ }
38
+ },
39
+ "AvatarIcon": {
40
+ "paths": ["ui/components/component-library/avatar-icon"],
41
+ "replacement": {
42
+ "component": "AvatarIcon",
43
+ "package": "@metamask/design-system-react"
44
+ }
45
+ },
46
+ "AvatarNetwork": {
47
+ "paths": ["ui/components/component-library/avatar-network"],
48
+ "replacement": {
49
+ "component": "AvatarNetwork",
50
+ "package": "@metamask/design-system-react"
51
+ }
52
+ },
53
+ "AvatarToken": {
54
+ "paths": ["ui/components/component-library/avatar-token"],
55
+ "replacement": {
56
+ "component": "AvatarToken",
57
+ "package": "@metamask/design-system-react"
58
+ }
59
+ },
60
+ "BadgeWrapper": {
61
+ "paths": ["ui/components/component-library/badge-wrapper"],
62
+ "replacement": {
63
+ "component": "BadgeWrapper",
64
+ "package": "@metamask/design-system-react"
65
+ }
66
+ },
67
+ "BannerAlert": {
68
+ "paths": ["ui/components/component-library/banner-alert"],
69
+ "replacement": null
70
+ },
71
+ "BannerBase": {
72
+ "paths": ["ui/components/component-library/banner-base"],
73
+ "replacement": null
74
+ },
75
+ "BannerTip": {
76
+ "paths": ["ui/components/component-library/banner-tip"],
77
+ "replacement": null
78
+ },
79
+ "Box": {
80
+ "paths": [
81
+ "ui/components/ui/box",
82
+ "ui/components/component-library/box"
83
+ ],
84
+ "replacement": {
85
+ "component": "Box",
86
+ "package": "@metamask/design-system-react"
87
+ }
88
+ },
89
+ "Button": {
90
+ "paths": [
91
+ "ui/components/ui/button",
92
+ "ui/components/component-library/button"
93
+ ],
94
+ "replacement": {
95
+ "component": "Button",
96
+ "package": "@metamask/design-system-react"
97
+ }
98
+ },
99
+ "ButtonBase": {
100
+ "paths": ["ui/components/component-library/button-base"],
101
+ "replacement": {
102
+ "component": "ButtonBase",
103
+ "package": "@metamask/design-system-react"
104
+ }
105
+ },
106
+ "ButtonIcon": {
107
+ "paths": ["ui/components/component-library/button-icon"],
108
+ "replacement": {
109
+ "component": "ButtonIcon",
110
+ "package": "@metamask/design-system-react"
111
+ }
112
+ },
113
+ "ButtonLink": {
114
+ "paths": ["ui/components/component-library/button-link"],
115
+ "replacement": {
116
+ "component": "TextButton",
117
+ "package": "@metamask/design-system-react"
118
+ }
119
+ },
120
+ "ButtonPrimary": {
121
+ "paths": ["ui/components/component-library/button-primary"],
122
+ "replacement": {
123
+ "component": "Button",
124
+ "package": "@metamask/design-system-react"
125
+ }
126
+ },
127
+ "ButtonSecondary": {
128
+ "paths": ["ui/components/component-library/button-secondary"],
129
+ "replacement": {
130
+ "component": "Button",
131
+ "package": "@metamask/design-system-react"
132
+ }
133
+ },
134
+ "Callout": {
135
+ "paths": ["ui/components/ui/callout"],
136
+ "replacement": {
137
+ "component": "BannerAlert",
138
+ "package": "component-library",
139
+ "path": "ui/components/component-library/banner-alert"
140
+ }
141
+ },
142
+ "CheckBox": {
143
+ "paths": ["ui/components/ui/check-box"],
144
+ "replacement": {
145
+ "component": "Checkbox",
146
+ "package": "@metamask/design-system-react"
147
+ }
148
+ },
149
+ "Checkbox": {
150
+ "paths": ["ui/components/component-library/checkbox"],
151
+ "replacement": {
152
+ "component": "Checkbox",
153
+ "package": "@metamask/design-system-react"
154
+ }
155
+ },
156
+ "Chip": {
157
+ "paths": ["ui/components/ui/chip"],
158
+ "replacement": {
159
+ "component": "Tag",
160
+ "package": "component-library",
161
+ "path": "ui/components/component-library/tag"
162
+ }
163
+ },
164
+ "Container": {
165
+ "paths": ["ui/components/component-library/container"],
166
+ "replacement": null
167
+ },
168
+ "FileUploader": {
169
+ "paths": ["ui/components/component-library/file-uploader"],
170
+ "replacement": null
171
+ },
172
+ "FormField": {
173
+ "paths": ["ui/components/ui/form-field"],
174
+ "replacement": {
175
+ "component": "FormTextField",
176
+ "package": "component-library",
177
+ "path": "ui/components/component-library/form-text-field"
178
+ }
179
+ },
180
+ "FormTextField": {
181
+ "paths": ["ui/components/component-library/form-text-field"],
182
+ "replacement": null
183
+ },
184
+ "HeaderBase": {
185
+ "paths": ["ui/components/component-library/header-base"],
186
+ "replacement": null
187
+ },
188
+ "HelpText": {
189
+ "paths": ["ui/components/component-library/help-text"],
190
+ "replacement": null
191
+ },
192
+ "Icon": {
193
+ "paths": ["ui/components/component-library/icon"],
194
+ "replacement": {
195
+ "component": "Icon",
196
+ "package": "@metamask/design-system-react"
197
+ }
198
+ },
199
+ "IconBorder": {
200
+ "paths": ["ui/components/ui/icon-border"],
201
+ "replacement": {
202
+ "component": "AvatarBase",
203
+ "package": "@metamask/design-system-react"
204
+ }
205
+ },
206
+ "IconEye": {
207
+ "paths": ["ui/components/ui/icon/icon-eye"],
208
+ "replacement": {
209
+ "component": "Icon",
210
+ "package": "@metamask/design-system-react"
211
+ }
212
+ },
213
+ "IconEyeSlash": {
214
+ "paths": ["ui/components/ui/icon/icon-eye-slash"],
215
+ "replacement": {
216
+ "component": "Icon",
217
+ "package": "@metamask/design-system-react"
218
+ }
219
+ },
220
+ "IconTokenSearch": {
221
+ "paths": ["ui/components/ui/icon/icon-token-search"],
222
+ "replacement": {
223
+ "component": "Icon",
224
+ "package": "@metamask/design-system-react"
225
+ }
226
+ },
227
+ "IconWithFallback": {
228
+ "paths": ["ui/components/ui/icon-with-fallback"],
229
+ "replacement": {
230
+ "component": "AvatarBase",
231
+ "package": "@metamask/design-system-react"
232
+ }
233
+ },
234
+ "Identicon": {
235
+ "paths": ["ui/components/ui/identicon"],
236
+ "replacement": {
237
+ "component": "AvatarAccount",
238
+ "package": "@metamask/design-system-react"
239
+ }
240
+ },
241
+ "InfoIcon": {
242
+ "paths": ["ui/components/ui/icon/info-icon"],
243
+ "replacement": {
244
+ "component": "Icon",
245
+ "package": "@metamask/design-system-react"
246
+ }
247
+ },
248
+ "InfoIconInverted": {
249
+ "paths": ["ui/components/ui/icon/info-icon-inverted"],
250
+ "replacement": {
251
+ "component": "Icon",
252
+ "package": "@metamask/design-system-react"
253
+ }
254
+ },
255
+ "Input": {
256
+ "paths": ["ui/components/component-library/input"],
257
+ "replacement": null
258
+ },
259
+ "InteractionIcon": {
260
+ "paths": ["ui/components/ui/icon/interaction-icon"],
261
+ "replacement": {
262
+ "component": "Icon",
263
+ "package": "@metamask/design-system-react"
264
+ }
265
+ },
266
+ "Label": {
267
+ "paths": ["ui/components/component-library/label"],
268
+ "replacement": null
269
+ },
270
+ "LottieAnimation": {
271
+ "paths": ["ui/components/component-library/lottie-animation"],
272
+ "replacement": null
273
+ },
274
+ "Menu": {
275
+ "paths": ["ui/components/ui/menu"],
276
+ "replacement": {
277
+ "component": "Popover",
278
+ "package": "component-library",
279
+ "path": "ui/components/component-library/popover"
280
+ }
281
+ },
282
+ "Modal": {
283
+ "paths": ["ui/components/component-library/modal"],
284
+ "replacement": null
285
+ },
286
+ "ModalBody": {
287
+ "paths": ["ui/components/component-library/modal-body"],
288
+ "replacement": null
289
+ },
290
+ "ModalContent": {
291
+ "paths": ["ui/components/component-library/modal-content"],
292
+ "replacement": null
293
+ },
294
+ "ModalFocus": {
295
+ "paths": ["ui/components/component-library/modal-focus"],
296
+ "replacement": null
297
+ },
298
+ "ModalFooter": {
299
+ "paths": ["ui/components/component-library/modal-footer"],
300
+ "replacement": null
301
+ },
302
+ "ModalHeader": {
303
+ "paths": ["ui/components/component-library/modal-header"],
304
+ "replacement": null
305
+ },
306
+ "ModalOverlay": {
307
+ "paths": ["ui/components/component-library/modal-overlay"],
308
+ "replacement": null
309
+ },
310
+ "OverviewBuyIcon": {
311
+ "paths": ["ui/components/ui/icon/overview-buy-icon"],
312
+ "replacement": {
313
+ "component": "Icon",
314
+ "package": "@metamask/design-system-react"
315
+ }
316
+ },
317
+ "PickerNetwork": {
318
+ "paths": ["ui/components/component-library/picker-network"],
319
+ "replacement": null
320
+ },
321
+ "Popover": {
322
+ "paths": ["ui/components/ui/popover"],
323
+ "replacement": {
324
+ "component": "Modal",
325
+ "package": "component-library",
326
+ "path": "ui/components/component-library/modal"
327
+ }
328
+ },
329
+ "PopoverHeader": {
330
+ "paths": ["ui/components/ui/popover"],
331
+ "replacement": {
332
+ "component": "ModalHeader",
333
+ "package": "component-library",
334
+ "path": "ui/components/component-library/modal-header"
335
+ }
336
+ },
337
+ "ReceiveIcon": {
338
+ "paths": ["ui/components/ui/icon/receive-icon"],
339
+ "replacement": {
340
+ "component": "Icon",
341
+ "package": "@metamask/design-system-react"
342
+ }
343
+ },
344
+ "SearchIcon": {
345
+ "paths": ["ui/components/ui/icon/search-icon"],
346
+ "replacement": {
347
+ "component": "Icon",
348
+ "package": "@metamask/design-system-react"
349
+ }
350
+ },
351
+ "SelectButton": {
352
+ "paths": ["ui/components/component-library/select-button"],
353
+ "replacement": null
354
+ },
355
+ "SelectOption": {
356
+ "paths": ["ui/components/component-library/select-option"],
357
+ "replacement": null
358
+ },
359
+ "SelectWrapper": {
360
+ "paths": ["ui/components/component-library/select-wrapper"],
361
+ "replacement": null
362
+ },
363
+ "SendIcon": {
364
+ "paths": ["ui/components/ui/icon/send-icon"],
365
+ "replacement": {
366
+ "component": "Icon",
367
+ "package": "@metamask/design-system-react"
368
+ }
369
+ },
370
+ "SensitiveText": {
371
+ "paths": ["ui/components/component-library/sensitive-text"],
372
+ "replacement": null
373
+ },
374
+ "SignIcon": {
375
+ "paths": ["ui/components/ui/icon/sign-icon"],
376
+ "replacement": {
377
+ "component": "Icon",
378
+ "package": "@metamask/design-system-react"
379
+ }
380
+ },
381
+ "SiteOrigin": {
382
+ "paths": ["ui/components/ui/site-origin"],
383
+ "replacement": {
384
+ "component": "AvatarFavicon",
385
+ "package": "@metamask/design-system-react"
386
+ }
387
+ },
388
+ "Skeleton": {
389
+ "paths": ["ui/components/component-library/skeleton"],
390
+ "replacement": null
391
+ },
392
+ "SunCheckIcon": {
393
+ "paths": ["ui/components/ui/icon/sun-check-icon"],
394
+ "replacement": {
395
+ "component": "Icon",
396
+ "package": "@metamask/design-system-react"
397
+ }
398
+ },
399
+ "SwapIconForList": {
400
+ "paths": ["ui/components/ui/icon/swap-icon-for-list"],
401
+ "replacement": {
402
+ "component": "Icon",
403
+ "package": "@metamask/design-system-react"
404
+ }
405
+ },
406
+ "Tag": {
407
+ "paths": ["ui/components/component-library/tag"],
408
+ "replacement": null
409
+ },
410
+ "TagUrl": {
411
+ "paths": ["ui/components/component-library/tag-url"],
412
+ "replacement": null
413
+ },
414
+ "Text": {
415
+ "paths": [
416
+ "ui/components/ui/text",
417
+ "ui/components/component-library/text"
418
+ ],
419
+ "replacement": {
420
+ "component": "Text",
421
+ "package": "@metamask/design-system-react"
422
+ }
423
+ },
424
+ "Textarea": {
425
+ "paths": ["ui/components/component-library/textarea"],
426
+ "replacement": null
427
+ },
428
+ "TextField": {
429
+ "paths": ["ui/components/component-library/text-field"],
430
+ "replacement": null
431
+ },
432
+ "TextFieldSearch": {
433
+ "paths": ["ui/components/component-library/text-field-search"],
434
+ "replacement": null
435
+ },
436
+ "Typography": {
437
+ "paths": ["ui/components/ui/typography"],
438
+ "replacement": {
439
+ "component": "Text",
440
+ "package": "@metamask/design-system-react"
441
+ }
442
+ },
443
+ "UrlIcon": {
444
+ "paths": ["ui/components/ui/url-icon"],
445
+ "replacement": {
446
+ "component": "AvatarFavicon",
447
+ "package": "@metamask/design-system-react"
448
+ }
449
+ }
450
+ },
58
451
  "currentComponents": [
59
452
  "AvatarAccount",
60
453
  "AvatarBase",
@@ -86,120 +479,754 @@
86
479
  "rootFolder": "app",
87
480
  "ignoreFolders": ["app/component-library"],
88
481
  "filePattern": "app/components/**/*.{js,jsx,ts,tsx}",
89
- "outputFile": "mobile-component-metrics.csv",
482
+ "outputFile": "mobile-component-metrics.xlsx",
90
483
  "currentPackages": ["@metamask/design-system-react-native"],
91
- "deprecatedComponents": [
92
- "Accordion",
93
- "AccountBalance",
94
- "AccountBase",
95
- "AccountCell",
96
- "ActionListItem",
97
- "AggregatedPercentage",
98
- "Avatar",
99
- "AvatarAccount",
100
- "AvatarBase",
101
- "AvatarFavicon",
102
- "AvatarGroup",
103
- "AvatarIcon",
104
- "AvatarNetwork",
105
- "AvatarToken",
106
- "Badge",
107
- "BadgeBase",
108
- "BadgeNetwork",
109
- "BadgeNotifications",
110
- "BadgeStatus",
111
- "BadgeWrapper",
112
- "Banner",
113
- "BannerAlert",
114
- "BannerBase",
115
- "BannerTip",
116
- "BottomSheet",
117
- "BottomSheetFooter",
118
- "BottomSheetHeader",
119
- "Button",
120
- "ButtonBase",
121
- "ButtonFilter",
122
- "ButtonHero",
123
- "ButtonIcon",
124
- "ButtonLink",
125
- "ButtonPill",
126
- "ButtonPrimary",
127
- "ButtonSecondary",
128
- "ButtonSemantic",
129
- "ButtonToggle",
130
- "Card",
131
- "Cell",
132
- "CellBase",
133
- "CellDisplay",
134
- "CellMultiSelect",
135
- "CellSelect",
136
- "CellSelectWithMenu",
137
- "Checkbox",
138
- "ConditionalScrollView",
139
- "ContractBox",
140
- "ContractBoxBase",
141
- "CustomInput",
142
- "CustomSpendCap",
143
- "Header",
144
- "HeaderBase",
145
- "HeaderCenter",
146
- "HeaderWithTitleLeft",
147
- "HeaderWithTitleLeftScrollable",
148
- "HelpText",
149
- "Icon",
150
- "Input",
151
- "KeyValueRow",
152
- "Label",
153
- "ListItem",
154
- "ListItemColumn",
155
- "ListItemMultiSelect",
156
- "ListItemMultiSelectButton",
157
- "ListItemMultiSelectWithMenuButton",
158
- "ListItemSelect",
159
- "Loader",
160
- "MainActionButton",
161
- "ModalConfirmation",
162
- "ModalMandatory",
163
- "MultichainAccountSelectorList",
164
- "MultichainAddressRow",
165
- "MultichainAddressRowsList",
166
- "MultichainAddWalletActions",
167
- "MultiSelectItem",
168
- "Overlay",
169
- "PercentageChange",
170
- "PickerAccount",
171
- "PickerBase",
172
- "PickerNetwork",
173
- "QuickActionButton",
174
- "QuickActionButtons",
175
- "RadioButton",
176
- "SegmentedControl",
177
- "SelectButton",
178
- "SelectItem",
179
- "SelectOption",
180
- "SelectValue",
181
- "SensitiveText",
182
- "SheetActions",
183
- "SheetBottom",
184
- "SheetHeader",
185
- "Skeleton",
186
- "Tab",
187
- "TabBar",
188
- "TabBarItem",
189
- "TabEmptyState",
190
- "Tabs",
191
- "TabsBar",
192
- "TabsList",
193
- "Tag",
194
- "TagColored",
195
- "TagUrl",
196
- "Text",
197
- "TextField",
198
- "TextFieldSearch",
199
- "TextWithPrefixIcon",
200
- "TitleLeft",
201
- "Toast"
202
- ],
484
+ "deprecatedComponents": {
485
+ "Accordion": {
486
+ "paths": ["app/component-library/components/Accordions/Accordion"],
487
+ "replacement": null
488
+ },
489
+ "AccountBalance": {
490
+ "paths": ["app/component-library/components/AccountBalance"],
491
+ "replacement": null
492
+ },
493
+ "AccountBase": {
494
+ "paths": [
495
+ "app/component-library/components-temp/Accounts/AccountBase"
496
+ ],
497
+ "replacement": null
498
+ },
499
+ "AccountCell": {
500
+ "paths": ["app/component-library/components-temp/Cells/AccountCell"],
501
+ "replacement": null
502
+ },
503
+ "ActionListItem": {
504
+ "paths": ["app/component-library/components/List/ActionListItem"],
505
+ "replacement": null
506
+ },
507
+ "AggregatedPercentage": {
508
+ "paths": ["app/component-library/components/AggregatedPercentage"],
509
+ "replacement": null
510
+ },
511
+ "AntDesignIcon": {
512
+ "paths": ["react-native-vector-icons/AntDesign"],
513
+ "replacement": {
514
+ "component": "Icon",
515
+ "package": "@metamask/design-system-react-native"
516
+ }
517
+ },
518
+ "Avatar": {
519
+ "paths": ["app/component-library/components/Avatars/Avatar"],
520
+ "replacement": null
521
+ },
522
+ "AvatarAccount": {
523
+ "paths": [
524
+ "app/component-library/components/Avatars/Avatar/variants/AvatarAccount"
525
+ ],
526
+ "replacement": {
527
+ "component": "AvatarAccount",
528
+ "package": "@metamask/design-system-react-native"
529
+ }
530
+ },
531
+ "AvatarBase": {
532
+ "paths": [
533
+ "app/component-library/components/Avatars/Avatar/foundation/AvatarBase"
534
+ ],
535
+ "replacement": {
536
+ "component": "AvatarBase",
537
+ "package": "@metamask/design-system-react-native"
538
+ }
539
+ },
540
+ "AvatarFavicon": {
541
+ "paths": [
542
+ "app/component-library/components/Avatars/Avatar/variants/AvatarFavicon"
543
+ ],
544
+ "replacement": {
545
+ "component": "AvatarFavicon",
546
+ "package": "@metamask/design-system-react-native"
547
+ }
548
+ },
549
+ "AvatarGroup": {
550
+ "paths": ["app/component-library/components/Avatars/AvatarGroup"],
551
+ "replacement": {
552
+ "component": "AvatarGroup",
553
+ "package": "@metamask/design-system-react-native"
554
+ }
555
+ },
556
+ "AvatarIcon": {
557
+ "paths": [
558
+ "app/component-library/components/Avatars/Avatar/variants/AvatarIcon"
559
+ ],
560
+ "replacement": {
561
+ "component": "AvatarIcon",
562
+ "package": "@metamask/design-system-react-native"
563
+ }
564
+ },
565
+ "AvatarNetwork": {
566
+ "paths": [
567
+ "app/component-library/components/Avatars/Avatar/variants/AvatarNetwork"
568
+ ],
569
+ "replacement": {
570
+ "component": "AvatarNetwork",
571
+ "package": "@metamask/design-system-react-native"
572
+ }
573
+ },
574
+ "AvatarToken": {
575
+ "paths": [
576
+ "app/component-library/components/Avatars/Avatar/variants/AvatarToken"
577
+ ],
578
+ "replacement": {
579
+ "component": "AvatarToken",
580
+ "package": "@metamask/design-system-react-native"
581
+ }
582
+ },
583
+ "Badge": {
584
+ "paths": ["app/component-library/components/Badges/Badge"],
585
+ "replacement": null
586
+ },
587
+ "BadgeBase": {
588
+ "paths": [
589
+ "app/component-library/components/Badges/Badge/foundation/BadgeBase"
590
+ ],
591
+ "replacement": null
592
+ },
593
+ "BadgeNetwork": {
594
+ "paths": [
595
+ "app/component-library/components/Badges/Badge/variants/BadgeNetwork"
596
+ ],
597
+ "replacement": {
598
+ "component": "BadgeNetwork",
599
+ "package": "@metamask/design-system-react-native"
600
+ }
601
+ },
602
+ "BadgeNotifications": {
603
+ "paths": [
604
+ "app/component-library/components/Badges/BadgeNotifications"
605
+ ],
606
+ "replacement": {
607
+ "component": "BadgeCount",
608
+ "package": "@metamask/design-system-react-native"
609
+ }
610
+ },
611
+ "BadgeStatus": {
612
+ "paths": [
613
+ "app/component-library/components/Badges/Badge/variants/BadgeStatus"
614
+ ],
615
+ "replacement": {
616
+ "component": "BadgeStatus",
617
+ "package": "@metamask/design-system-react-native"
618
+ }
619
+ },
620
+ "BadgeWrapper": {
621
+ "paths": ["app/component-library/components/Badges/BadgeWrapper"],
622
+ "replacement": {
623
+ "component": "BadgeWrapper",
624
+ "package": "@metamask/design-system-react-native"
625
+ }
626
+ },
627
+ "Banner": {
628
+ "paths": ["app/component-library/components/Banners/Banner"],
629
+ "replacement": null
630
+ },
631
+ "BannerAlert": {
632
+ "paths": [
633
+ "app/component-library/components/Banners/Banner/variants/BannerAlert"
634
+ ],
635
+ "replacement": null
636
+ },
637
+ "BannerBase": {
638
+ "paths": [
639
+ "app/component-library/components/Banners/Banner/foundation/BannerBase"
640
+ ],
641
+ "replacement": null
642
+ },
643
+ "BannerTip": {
644
+ "paths": [
645
+ "app/component-library/components/Banners/Banner/variants/BannerTip"
646
+ ],
647
+ "replacement": null
648
+ },
649
+ "BottomSheet": {
650
+ "paths": [
651
+ "app/component-library/components/BottomSheets/BottomSheet"
652
+ ],
653
+ "replacement": null
654
+ },
655
+ "BottomSheetFooter": {
656
+ "paths": [
657
+ "app/component-library/components/BottomSheets/BottomSheetFooter"
658
+ ],
659
+ "replacement": null
660
+ },
661
+ "BottomSheetHeader": {
662
+ "paths": [
663
+ "app/component-library/components/BottomSheets/BottomSheetHeader"
664
+ ],
665
+ "replacement": null
666
+ },
667
+ "Button": {
668
+ "paths": [
669
+ "app/components/Base/Button",
670
+ "app/component-library/components/Buttons/Button"
671
+ ],
672
+ "replacement": {
673
+ "component": "Button",
674
+ "package": "@metamask/design-system-react-native"
675
+ }
676
+ },
677
+ "ButtonBase": {
678
+ "paths": [
679
+ "app/component-library/components/Buttons/Button/foundation/ButtonBase"
680
+ ],
681
+ "replacement": {
682
+ "component": "ButtonBase",
683
+ "package": "@metamask/design-system-react-native"
684
+ }
685
+ },
686
+ "ButtonFilter": {
687
+ "paths": [
688
+ "app/component-library/components-temp/Buttons/ButtonFilter"
689
+ ],
690
+ "replacement": null
691
+ },
692
+ "ButtonHero": {
693
+ "paths": [
694
+ "app/component-library/components/Buttons/Button/variants/ButtonHero"
695
+ ],
696
+ "replacement": null
697
+ },
698
+ "ButtonIcon": {
699
+ "paths": ["app/component-library/components/Buttons/ButtonIcon"],
700
+ "replacement": {
701
+ "component": "ButtonIcon",
702
+ "package": "@metamask/design-system-react-native"
703
+ }
704
+ },
705
+ "ButtonLink": {
706
+ "paths": [
707
+ "app/component-library/components/Buttons/Button/variants/ButtonLink"
708
+ ],
709
+ "replacement": {
710
+ "component": "TextButton",
711
+ "package": "@metamask/design-system-react-native"
712
+ }
713
+ },
714
+ "ButtonPill": {
715
+ "paths": ["app/component-library/components-temp/Buttons/ButtonPill"],
716
+ "replacement": null
717
+ },
718
+ "ButtonPrimary": {
719
+ "paths": [
720
+ "app/component-library/components/Buttons/Button/variants/ButtonPrimary"
721
+ ],
722
+ "replacement": {
723
+ "component": "Button",
724
+ "package": "@metamask/design-system-react-native"
725
+ }
726
+ },
727
+ "ButtonSecondary": {
728
+ "paths": [
729
+ "app/component-library/components/Buttons/Button/variants/ButtonSecondary"
730
+ ],
731
+ "replacement": {
732
+ "component": "Button",
733
+ "package": "@metamask/design-system-react-native"
734
+ }
735
+ },
736
+ "ButtonSemantic": {
737
+ "paths": [
738
+ "app/component-library/components-temp/Buttons/ButtonSemantic"
739
+ ],
740
+ "replacement": null
741
+ },
742
+ "ButtonToggle": {
743
+ "paths": [
744
+ "app/component-library/components-temp/Buttons/ButtonToggle"
745
+ ],
746
+ "replacement": null
747
+ },
748
+ "Card": {
749
+ "paths": ["app/component-library/components/Cards/Card"],
750
+ "replacement": null
751
+ },
752
+ "Cell": {
753
+ "paths": ["app/component-library/components/Cells/Cell"],
754
+ "replacement": null
755
+ },
756
+ "CellBase": {
757
+ "paths": [
758
+ "app/component-library/components/Cells/Cell/foundation/CellBase"
759
+ ],
760
+ "replacement": null
761
+ },
762
+ "CellDisplay": {
763
+ "paths": [
764
+ "app/component-library/components/Cells/Cell/variants/CellDisplay"
765
+ ],
766
+ "replacement": null
767
+ },
768
+ "CellMultiSelect": {
769
+ "paths": [
770
+ "app/component-library/components/Cells/Cell/variants/CellMultiSelect"
771
+ ],
772
+ "replacement": null
773
+ },
774
+ "CellSelect": {
775
+ "paths": [
776
+ "app/component-library/components/Cells/Cell/variants/CellSelect"
777
+ ],
778
+ "replacement": null
779
+ },
780
+ "CellSelectWithMenu": {
781
+ "paths": [
782
+ "app/component-library/components-temp/Cells/CellSelectWithMenu"
783
+ ],
784
+ "replacement": null
785
+ },
786
+ "CheckBox": {
787
+ "paths": ["@react-native-community/checkbox"],
788
+ "replacement": {
789
+ "component": "Checkbox",
790
+ "package": "@metamask/design-system-react-native"
791
+ }
792
+ },
793
+ "Checkbox": {
794
+ "paths": ["app/component-library/components/Checkbox"],
795
+ "replacement": {
796
+ "component": "Checkbox",
797
+ "package": "@metamask/design-system-react-native"
798
+ }
799
+ },
800
+ "ConditionalScrollView": {
801
+ "paths": [
802
+ "app/component-library/components-temp/Utility/ConditionalScrollView"
803
+ ],
804
+ "replacement": null
805
+ },
806
+ "ContractBox": {
807
+ "paths": [
808
+ "app/component-library/components-temp/ContractBox/ContractBox"
809
+ ],
810
+ "replacement": null
811
+ },
812
+ "ContractBoxBase": {
813
+ "paths": [
814
+ "app/component-library/components-temp/ContractBox/ContractBoxBase"
815
+ ],
816
+ "replacement": null
817
+ },
818
+ "CustomInput": {
819
+ "paths": ["app/component-library/components-temp/Form/CustomInput"],
820
+ "replacement": null
821
+ },
822
+ "CustomSpendCap": {
823
+ "paths": ["app/component-library/components-temp/CustomSpendCap"],
824
+ "replacement": null
825
+ },
826
+ "EntypoIcon": {
827
+ "paths": ["react-native-vector-icons/Entypo"],
828
+ "replacement": {
829
+ "component": "Icon",
830
+ "package": "@metamask/design-system-react-native"
831
+ }
832
+ },
833
+ "EvilIconsIcon": {
834
+ "paths": ["react-native-vector-icons/EvilIcons"],
835
+ "replacement": {
836
+ "component": "Icon",
837
+ "package": "@metamask/design-system-react-native"
838
+ }
839
+ },
840
+ "FeatherIcon": {
841
+ "paths": ["react-native-vector-icons/Feather"],
842
+ "replacement": {
843
+ "component": "Icon",
844
+ "package": "@metamask/design-system-react-native"
845
+ }
846
+ },
847
+ "FontAwesome5Icon": {
848
+ "paths": ["react-native-vector-icons/FontAwesome5"],
849
+ "replacement": {
850
+ "component": "Icon",
851
+ "package": "@metamask/design-system-react-native"
852
+ }
853
+ },
854
+ "FontAwesomeIcon": {
855
+ "paths": ["react-native-vector-icons/FontAwesome"],
856
+ "replacement": {
857
+ "component": "Icon",
858
+ "package": "@metamask/design-system-react-native"
859
+ }
860
+ },
861
+ "FontistoIcon": {
862
+ "paths": ["react-native-vector-icons/Fontisto"],
863
+ "replacement": {
864
+ "component": "Icon",
865
+ "package": "@metamask/design-system-react-native"
866
+ }
867
+ },
868
+ "FoundationIcon": {
869
+ "paths": ["react-native-vector-icons/Foundation"],
870
+ "replacement": {
871
+ "component": "Icon",
872
+ "package": "@metamask/design-system-react-native"
873
+ }
874
+ },
875
+ "GenericButton": {
876
+ "paths": ["app/components/UI/GenericButton"],
877
+ "replacement": {
878
+ "component": "Button",
879
+ "package": "@metamask/design-system-react-native"
880
+ }
881
+ },
882
+ "Header": {
883
+ "paths": ["app/component-library/components/Header/Header"],
884
+ "replacement": null
885
+ },
886
+ "HeaderBase": {
887
+ "paths": [
888
+ "app/component-library/components/Header/foundation/HeaderBase"
889
+ ],
890
+ "replacement": null
891
+ },
892
+ "HeaderCenter": {
893
+ "paths": [
894
+ "app/component-library/components/Header/variants/HeaderCenter"
895
+ ],
896
+ "replacement": null
897
+ },
898
+ "HeaderWithTitleLeft": {
899
+ "paths": [
900
+ "app/component-library/components-temp/HeaderWithTitleLeft"
901
+ ],
902
+ "replacement": null
903
+ },
904
+ "HeaderWithTitleLeftScrollable": {
905
+ "paths": [
906
+ "app/component-library/components-temp/HeaderWithTitleLeftScrollable"
907
+ ],
908
+ "replacement": null
909
+ },
910
+ "HelpText": {
911
+ "paths": ["app/component-library/components/Form/HelpText"],
912
+ "replacement": null
913
+ },
914
+ "Icon": {
915
+ "paths": ["app/component-library/components/Icons/Icon"],
916
+ "replacement": {
917
+ "component": "Icon",
918
+ "package": "@metamask/design-system-react-native"
919
+ }
920
+ },
921
+ "Input": {
922
+ "paths": ["app/component-library/components/Form/TextInput"],
923
+ "replacement": null
924
+ },
925
+ "IonicIcon": {
926
+ "paths": ["react-native-vector-icons/Ionicons"],
927
+ "replacement": {
928
+ "component": "Icon",
929
+ "package": "@metamask/design-system-react-native"
930
+ }
931
+ },
932
+ "KeyValueRow": {
933
+ "paths": ["app/component-library/components-temp/KeyValueRow"],
934
+ "replacement": null
935
+ },
936
+ "Label": {
937
+ "paths": ["app/component-library/components/Form/Label"],
938
+ "replacement": null
939
+ },
940
+ "ListItem": {
941
+ "paths": ["app/component-library/components/List/ListItem"],
942
+ "replacement": null
943
+ },
944
+ "ListItemColumn": {
945
+ "paths": ["app/component-library/components/List/ListItemColumn"],
946
+ "replacement": null
947
+ },
948
+ "ListItemMultiSelect": {
949
+ "paths": [
950
+ "app/component-library/components/List/ListItemMultiSelect"
951
+ ],
952
+ "replacement": null
953
+ },
954
+ "ListItemMultiSelectButton": {
955
+ "paths": [
956
+ "app/component-library/components-temp/ListItemMultiSelectButton"
957
+ ],
958
+ "replacement": null
959
+ },
960
+ "ListItemMultiSelectWithMenuButton": {
961
+ "paths": [
962
+ "app/component-library/components-temp/ListItemMultiSelectWithMenuButton"
963
+ ],
964
+ "replacement": null
965
+ },
966
+ "ListItemSelect": {
967
+ "paths": ["app/component-library/components/List/ListItemSelect"],
968
+ "replacement": null
969
+ },
970
+ "Loader": {
971
+ "paths": ["app/component-library/components-temp/Loader"],
972
+ "replacement": null
973
+ },
974
+ "MainActionButton": {
975
+ "paths": [
976
+ "app/component-library/components-temp/Buttons/MainActionButton"
977
+ ],
978
+ "replacement": null
979
+ },
980
+ "MaterialCommunityIconsIcon": {
981
+ "paths": ["react-native-vector-icons/MaterialCommunityIcons"],
982
+ "replacement": {
983
+ "component": "Icon",
984
+ "package": "@metamask/design-system-react-native"
985
+ }
986
+ },
987
+ "MaterialIconsIcon": {
988
+ "paths": ["react-native-vector-icons/MaterialIcons"],
989
+ "replacement": {
990
+ "component": "Icon",
991
+ "package": "@metamask/design-system-react-native"
992
+ }
993
+ },
994
+ "ModalConfirmation": {
995
+ "paths": [
996
+ "app/component-library/components-temp/Modals/ModalConfirmation"
997
+ ],
998
+ "replacement": null
999
+ },
1000
+ "ModalMandatory": {
1001
+ "paths": [
1002
+ "app/component-library/components-temp/Modals/ModalMandatory"
1003
+ ],
1004
+ "replacement": null
1005
+ },
1006
+ "MultichainAccountSelectorList": {
1007
+ "paths": [
1008
+ "app/component-library/components-temp/MultichainAccountSelector/MultichainAccountSelectorList"
1009
+ ],
1010
+ "replacement": null
1011
+ },
1012
+ "MultichainAddressRow": {
1013
+ "paths": [
1014
+ "app/component-library/components-temp/MultichainAddressRow"
1015
+ ],
1016
+ "replacement": null
1017
+ },
1018
+ "MultichainAddressRowsList": {
1019
+ "paths": [
1020
+ "app/component-library/components-temp/MultichainAddressRowsList"
1021
+ ],
1022
+ "replacement": null
1023
+ },
1024
+ "MultichainAddWalletActions": {
1025
+ "paths": [
1026
+ "app/component-library/components-temp/MultichainAddWalletActions"
1027
+ ],
1028
+ "replacement": null
1029
+ },
1030
+ "MultiSelectItem": {
1031
+ "paths": ["app/component-library/components-temp/MultiSelectItem"],
1032
+ "replacement": null
1033
+ },
1034
+ "OcticonsIcon": {
1035
+ "paths": ["react-native-vector-icons/Octicons"],
1036
+ "replacement": {
1037
+ "component": "Icon",
1038
+ "package": "@metamask/design-system-react-native"
1039
+ }
1040
+ },
1041
+ "Overlay": {
1042
+ "paths": ["app/component-library/components/Overlay"],
1043
+ "replacement": {
1044
+ "component": "BottomSheetOverlay",
1045
+ "package": "@metamask/design-system-react-native"
1046
+ }
1047
+ },
1048
+ "PercentageChange": {
1049
+ "paths": ["app/component-library/components/PercentageChange"],
1050
+ "replacement": null
1051
+ },
1052
+ "PickerAccount": {
1053
+ "paths": ["app/component-library/components/Pickers/PickerAccount"],
1054
+ "replacement": null
1055
+ },
1056
+ "PickerBase": {
1057
+ "paths": ["app/component-library/components/Pickers/PickerBase"],
1058
+ "replacement": null
1059
+ },
1060
+ "PickerNetwork": {
1061
+ "paths": ["app/component-library/components/Pickers/PickerNetwork"],
1062
+ "replacement": null
1063
+ },
1064
+ "QuickActionButton": {
1065
+ "paths": [
1066
+ "app/component-library/components-temp/QuickActions/QuickActionButton"
1067
+ ],
1068
+ "replacement": null
1069
+ },
1070
+ "QuickActionButtons": {
1071
+ "paths": [
1072
+ "app/component-library/components-temp/QuickActions/QuickActionButtons"
1073
+ ],
1074
+ "replacement": null
1075
+ },
1076
+ "RadioButton": {
1077
+ "paths": ["app/component-library/components-temp/RadioButton"],
1078
+ "replacement": null
1079
+ },
1080
+ "SegmentedControl": {
1081
+ "paths": ["app/component-library/components-temp/SegmentedControl"],
1082
+ "replacement": null
1083
+ },
1084
+ "SelectButton": {
1085
+ "paths": ["app/component-library/components/Select/SelectButton"],
1086
+ "replacement": null
1087
+ },
1088
+ "SelectItem": {
1089
+ "paths": ["app/component-library/components/Select/SelectItem"],
1090
+ "replacement": null
1091
+ },
1092
+ "SelectOption": {
1093
+ "paths": ["app/component-library/components/Select/SelectOption"],
1094
+ "replacement": null
1095
+ },
1096
+ "SelectValue": {
1097
+ "paths": ["app/component-library/components/Select/SelectValue"],
1098
+ "replacement": null
1099
+ },
1100
+ "SensitiveText": {
1101
+ "paths": ["app/component-library/components/SensitiveText"],
1102
+ "replacement": null
1103
+ },
1104
+ "SheetActions": {
1105
+ "paths": ["app/component-library/components-temp/SheetActions"],
1106
+ "replacement": {
1107
+ "component": "SheetActions",
1108
+ "package": "@metamask/design-system-react-native"
1109
+ }
1110
+ },
1111
+ "SheetBottom": {
1112
+ "paths": ["app/component-library/components-temp/SheetBottom"],
1113
+ "replacement": {
1114
+ "component": "BottomSheet",
1115
+ "package": "component-library",
1116
+ "path": "app/component-library/components/BottomSheets/BottomSheet"
1117
+ }
1118
+ },
1119
+ "SheetHeader": {
1120
+ "paths": ["app/component-library/components/Sheet/SheetHeader"],
1121
+ "replacement": {
1122
+ "component": "BottomSheetHeader",
1123
+ "package": "component-library",
1124
+ "path": "app/component-library/components/BottomSheets/BottomSheetHeader"
1125
+ }
1126
+ },
1127
+ "SimpleLineIconsIcon": {
1128
+ "paths": ["react-native-vector-icons/SimpleLineIcons"],
1129
+ "replacement": {
1130
+ "component": "Icon",
1131
+ "package": "@metamask/design-system-react-native"
1132
+ }
1133
+ },
1134
+ "Skeleton": {
1135
+ "paths": ["app/component-library/components/Skeleton"],
1136
+ "replacement": null
1137
+ },
1138
+ "StyledButton": {
1139
+ "paths": ["app/components/UI/StyledButton"],
1140
+ "replacement": {
1141
+ "component": "Button",
1142
+ "package": "@metamask/design-system-react-native"
1143
+ }
1144
+ },
1145
+ "Tab": {
1146
+ "paths": ["app/component-library/components/Tabs/Tab"],
1147
+ "replacement": null
1148
+ },
1149
+ "TabBar": {
1150
+ "paths": ["app/component-library/components/Tabs/TabBar"],
1151
+ "replacement": null
1152
+ },
1153
+ "TabBarItem": {
1154
+ "paths": ["app/component-library/components/Tabs/TabBar/TabBarItem"],
1155
+ "replacement": null
1156
+ },
1157
+ "TabEmptyState": {
1158
+ "paths": ["app/component-library/components-temp/TabEmptyState"],
1159
+ "replacement": null
1160
+ },
1161
+ "Tabs": {
1162
+ "paths": ["app/component-library/components/Tabs/Tabs"],
1163
+ "replacement": null
1164
+ },
1165
+ "TabsBar": {
1166
+ "paths": ["app/component-library/components-temp/TabsBar"],
1167
+ "replacement": null
1168
+ },
1169
+ "TabsList": {
1170
+ "paths": ["app/component-library/components-temp/TabsList"],
1171
+ "replacement": null
1172
+ },
1173
+ "Tag": {
1174
+ "paths": ["app/component-library/components/Tags/Tag"],
1175
+ "replacement": null
1176
+ },
1177
+ "TagColored": {
1178
+ "paths": ["app/component-library/components/Tags/TagColored"],
1179
+ "replacement": null
1180
+ },
1181
+ "TagUrl": {
1182
+ "paths": ["app/component-library/components/Tags/TagUrl"],
1183
+ "replacement": null
1184
+ },
1185
+ "Text": {
1186
+ "paths": [
1187
+ "app/components/Base/Text",
1188
+ "app/component-library/components/Texts/Text"
1189
+ ],
1190
+ "replacement": {
1191
+ "component": "Text",
1192
+ "package": "@metamask/design-system-react-native"
1193
+ }
1194
+ },
1195
+ "TextField": {
1196
+ "paths": ["app/component-library/components/Form/TextField"],
1197
+ "replacement": null
1198
+ },
1199
+ "TextFieldSearch": {
1200
+ "paths": ["app/component-library/components/Form/TextFieldSearch"],
1201
+ "replacement": null
1202
+ },
1203
+ "TextWithPrefixIcon": {
1204
+ "paths": ["app/component-library/components-temp/TextWithPrefixIcon"],
1205
+ "replacement": null
1206
+ },
1207
+ "TitleLeft": {
1208
+ "paths": ["app/component-library/components-temp/TitleLeft"],
1209
+ "replacement": null
1210
+ },
1211
+ "Toast": {
1212
+ "paths": ["app/component-library/components/Toast"],
1213
+ "replacement": null
1214
+ },
1215
+ "WebsiteIcon": {
1216
+ "paths": ["app/components/UI/WebsiteIcon"],
1217
+ "replacement": {
1218
+ "component": "AvatarFavicon",
1219
+ "package": "@metamask/design-system-react-native"
1220
+ }
1221
+ },
1222
+ "ZocialIcon": {
1223
+ "paths": ["react-native-vector-icons/Zocial"],
1224
+ "replacement": {
1225
+ "component": "Icon",
1226
+ "package": "@metamask/design-system-react-native"
1227
+ }
1228
+ }
1229
+ },
203
1230
  "currentComponents": [
204
1231
  "AvatarAccount",
205
1232
  "AvatarBase",