@transferwise/components 46.77.0 → 46.78.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 (132) hide show
  1. package/build/avatar/Avatar.js +2 -7
  2. package/build/avatar/Avatar.js.map +1 -1
  3. package/build/avatar/Avatar.mjs +2 -7
  4. package/build/avatar/Avatar.mjs.map +1 -1
  5. package/build/badge/Badge.js +1 -10
  6. package/build/badge/Badge.js.map +1 -1
  7. package/build/badge/Badge.mjs +1 -10
  8. package/build/badge/Badge.mjs.map +1 -1
  9. package/build/circularButton/CircularButton.js +1 -1
  10. package/build/circularButton/CircularButton.js.map +1 -1
  11. package/build/circularButton/CircularButton.mjs +1 -1
  12. package/build/circularButton/CircularButton.mjs.map +1 -1
  13. package/build/common/circle/Circle.js +15 -2
  14. package/build/common/circle/Circle.js.map +1 -1
  15. package/build/common/circle/Circle.mjs +15 -2
  16. package/build/common/circle/Circle.mjs.map +1 -1
  17. package/build/i18n/de.json +5 -0
  18. package/build/i18n/de.json.js +5 -0
  19. package/build/i18n/de.json.js.map +1 -1
  20. package/build/i18n/de.json.mjs +5 -0
  21. package/build/i18n/de.json.mjs.map +1 -1
  22. package/build/i18n/es.json +5 -0
  23. package/build/i18n/es.json.js +5 -0
  24. package/build/i18n/es.json.js.map +1 -1
  25. package/build/i18n/es.json.mjs +5 -0
  26. package/build/i18n/es.json.mjs.map +1 -1
  27. package/build/i18n/fr.json +5 -0
  28. package/build/i18n/fr.json.js +5 -0
  29. package/build/i18n/fr.json.js.map +1 -1
  30. package/build/i18n/fr.json.mjs +5 -0
  31. package/build/i18n/fr.json.mjs.map +1 -1
  32. package/build/i18n/hu.json +5 -0
  33. package/build/i18n/hu.json.js +5 -0
  34. package/build/i18n/hu.json.js.map +1 -1
  35. package/build/i18n/hu.json.mjs +5 -0
  36. package/build/i18n/hu.json.mjs.map +1 -1
  37. package/build/i18n/id.json +5 -0
  38. package/build/i18n/id.json.js +5 -0
  39. package/build/i18n/id.json.js.map +1 -1
  40. package/build/i18n/id.json.mjs +5 -0
  41. package/build/i18n/id.json.mjs.map +1 -1
  42. package/build/i18n/it.json +5 -0
  43. package/build/i18n/it.json.js +5 -0
  44. package/build/i18n/it.json.js.map +1 -1
  45. package/build/i18n/it.json.mjs +5 -0
  46. package/build/i18n/it.json.mjs.map +1 -1
  47. package/build/i18n/ja.json +5 -0
  48. package/build/i18n/ja.json.js +5 -0
  49. package/build/i18n/ja.json.js.map +1 -1
  50. package/build/i18n/ja.json.mjs +5 -0
  51. package/build/i18n/ja.json.mjs.map +1 -1
  52. package/build/i18n/pl.json +5 -0
  53. package/build/i18n/pl.json.js +5 -0
  54. package/build/i18n/pl.json.js.map +1 -1
  55. package/build/i18n/pl.json.mjs +5 -0
  56. package/build/i18n/pl.json.mjs.map +1 -1
  57. package/build/i18n/pt.json +5 -0
  58. package/build/i18n/pt.json.js +5 -0
  59. package/build/i18n/pt.json.js.map +1 -1
  60. package/build/i18n/pt.json.mjs +5 -0
  61. package/build/i18n/pt.json.mjs.map +1 -1
  62. package/build/i18n/ro.json +5 -0
  63. package/build/i18n/ro.json.js +5 -0
  64. package/build/i18n/ro.json.js.map +1 -1
  65. package/build/i18n/ro.json.mjs +5 -0
  66. package/build/i18n/ro.json.mjs.map +1 -1
  67. package/build/i18n/ru.json +5 -0
  68. package/build/i18n/ru.json.js +5 -0
  69. package/build/i18n/ru.json.js.map +1 -1
  70. package/build/i18n/ru.json.mjs +5 -0
  71. package/build/i18n/ru.json.mjs.map +1 -1
  72. package/build/i18n/tr.json +5 -0
  73. package/build/i18n/tr.json.js +5 -0
  74. package/build/i18n/tr.json.js.map +1 -1
  75. package/build/i18n/tr.json.mjs +5 -0
  76. package/build/i18n/tr.json.mjs.map +1 -1
  77. package/build/main.css +46 -22
  78. package/build/statusIcon/StatusIcon.js +4 -4
  79. package/build/statusIcon/StatusIcon.js.map +1 -1
  80. package/build/statusIcon/StatusIcon.mjs +4 -4
  81. package/build/statusIcon/StatusIcon.mjs.map +1 -1
  82. package/build/styles/avatar/Avatar.css +29 -0
  83. package/build/styles/badge/Badge.css +6 -0
  84. package/build/styles/circularButton/CircularButton.css +2 -2
  85. package/build/styles/common/circle/Circle.css +4 -0
  86. package/build/styles/main.css +46 -22
  87. package/build/styles/statusIcon/StatusIcon.css +0 -20
  88. package/build/types/avatar/Avatar.d.ts.map +1 -1
  89. package/build/types/badge/Badge.d.ts.map +1 -1
  90. package/build/types/common/circle/Circle.d.ts +1 -1
  91. package/build/types/common/circle/Circle.d.ts.map +1 -1
  92. package/build/types/statusIcon/StatusIcon.d.ts +7 -3
  93. package/build/types/statusIcon/StatusIcon.d.ts.map +1 -1
  94. package/package.json +3 -3
  95. package/src/avatar/Avatar.css +29 -0
  96. package/src/avatar/Avatar.less +12 -0
  97. package/src/avatar/Avatar.tsx +4 -8
  98. package/src/avatarWrapper/__snapshots__/AvatarWrapper.spec.tsx.snap +11 -22
  99. package/src/badge/Badge.css +6 -0
  100. package/src/badge/Badge.less +6 -0
  101. package/src/badge/Badge.tsx +1 -11
  102. package/src/circularButton/CircularButton.css +2 -2
  103. package/src/circularButton/CircularButton.less +1 -1
  104. package/src/circularButton/CircularButton.story.tsx +3 -0
  105. package/src/circularButton/CircularButton.tsx +1 -1
  106. package/src/circularButton/__snapshots__/CircularButton.spec.tsx.snap +10 -10
  107. package/src/common/circle/Circle.css +4 -0
  108. package/src/common/circle/Circle.less +6 -0
  109. package/src/common/circle/Circle.story.tsx +2 -2
  110. package/src/common/circle/Circle.tsx +25 -2
  111. package/src/flowNavigation/__snapshots__/FlowNavigation.spec.js.snap +4 -8
  112. package/src/i18n/de.json +5 -0
  113. package/src/i18n/es.json +5 -0
  114. package/src/i18n/fr.json +5 -0
  115. package/src/i18n/hu.json +5 -0
  116. package/src/i18n/id.json +5 -0
  117. package/src/i18n/it.json +5 -0
  118. package/src/i18n/ja.json +5 -0
  119. package/src/i18n/pl.json +5 -0
  120. package/src/i18n/pt.json +5 -0
  121. package/src/i18n/ro.json +5 -0
  122. package/src/i18n/ru.json +5 -0
  123. package/src/i18n/tr.json +5 -0
  124. package/src/main.css +46 -22
  125. package/src/overlayHeader/__snapshots__/OverlayHeader.spec.tsx.snap +2 -4
  126. package/src/promoCard/PromoCard.spec.tsx +1 -1
  127. package/src/radio/__snapshots__/Radio.rtl.spec.tsx.snap +2 -4
  128. package/src/statusIcon/StatusIcon.css +0 -20
  129. package/src/statusIcon/StatusIcon.less +0 -17
  130. package/src/statusIcon/StatusIcon.spec.tsx +2 -21
  131. package/src/statusIcon/StatusIcon.story.tsx +32 -1
  132. package/src/statusIcon/StatusIcon.tsx +11 -10
@@ -27,6 +27,11 @@ var id = {
27
27
  "neptune.SelectInput.noResultsFound": "Hasil tidak ditemukan",
28
28
  "neptune.SelectOption.action.label": "Pilih",
29
29
  "neptune.SelectOption.selected.action.label": "Ubah opsi yang dipilih",
30
+ "neptune.StatusIcon.iconLabel.error": "Kesalahan:",
31
+ "neptune.StatusIcon.iconLabel.information": "Informasi:",
32
+ "neptune.StatusIcon.iconLabel.pending": "Tertunda:",
33
+ "neptune.StatusIcon.iconLabel.success": "Berhasil:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Peringatan:",
30
35
  "neptune.Summary.statusDone": "Item selesai",
31
36
  "neptune.Summary.statusNotDone": "Item yang harus dilakukan",
32
37
  "neptune.Summary.statusPending": "Item tertunda",
@@ -1 +1 @@
1
- {"version":3,"file":"id.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"id.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@
27
27
  "neptune.SelectInput.noResultsFound": "Nessun risultato trovato",
28
28
  "neptune.SelectOption.action.label": "Scegli",
29
29
  "neptune.SelectOption.selected.action.label": "Modifica l'opzione scelta",
30
+ "neptune.StatusIcon.iconLabel.error": "Errore:",
31
+ "neptune.StatusIcon.iconLabel.information": "Informazioni:",
32
+ "neptune.StatusIcon.iconLabel.pending": "In attesa:",
33
+ "neptune.StatusIcon.iconLabel.success": "Fatto:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Attenzione:",
30
35
  "neptune.Summary.statusDone": "Completato",
31
36
  "neptune.Summary.statusNotDone": "Da completare",
32
37
  "neptune.Summary.statusPending": "In corso",
@@ -29,6 +29,11 @@ var it = {
29
29
  "neptune.SelectInput.noResultsFound": "Nessun risultato trovato",
30
30
  "neptune.SelectOption.action.label": "Scegli",
31
31
  "neptune.SelectOption.selected.action.label": "Modifica l'opzione scelta",
32
+ "neptune.StatusIcon.iconLabel.error": "Errore:",
33
+ "neptune.StatusIcon.iconLabel.information": "Informazioni:",
34
+ "neptune.StatusIcon.iconLabel.pending": "In attesa:",
35
+ "neptune.StatusIcon.iconLabel.success": "Fatto:",
36
+ "neptune.StatusIcon.iconLabel.warning": "Attenzione:",
32
37
  "neptune.Summary.statusDone": "Completato",
33
38
  "neptune.Summary.statusNotDone": "Da completare",
34
39
  "neptune.Summary.statusPending": "In corso",
@@ -1 +1 @@
1
- {"version":3,"file":"it.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"it.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@ var it = {
27
27
  "neptune.SelectInput.noResultsFound": "Nessun risultato trovato",
28
28
  "neptune.SelectOption.action.label": "Scegli",
29
29
  "neptune.SelectOption.selected.action.label": "Modifica l'opzione scelta",
30
+ "neptune.StatusIcon.iconLabel.error": "Errore:",
31
+ "neptune.StatusIcon.iconLabel.information": "Informazioni:",
32
+ "neptune.StatusIcon.iconLabel.pending": "In attesa:",
33
+ "neptune.StatusIcon.iconLabel.success": "Fatto:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Attenzione:",
30
35
  "neptune.Summary.statusDone": "Completato",
31
36
  "neptune.Summary.statusNotDone": "Da completare",
32
37
  "neptune.Summary.statusPending": "In corso",
@@ -1 +1 @@
1
- {"version":3,"file":"it.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"it.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@
27
27
  "neptune.SelectInput.noResultsFound": "結果が見つかりませんでした",
28
28
  "neptune.SelectOption.action.label": "選択してください",
29
29
  "neptune.SelectOption.selected.action.label": "選択したオプションを変更する",
30
+ "neptune.StatusIcon.iconLabel.error": "エラー:",
31
+ "neptune.StatusIcon.iconLabel.information": "情報:",
32
+ "neptune.StatusIcon.iconLabel.pending": "保留中:",
33
+ "neptune.StatusIcon.iconLabel.success": "完了:",
34
+ "neptune.StatusIcon.iconLabel.warning": "警告:",
30
35
  "neptune.Summary.statusDone": "完了",
31
36
  "neptune.Summary.statusNotDone": "未完了",
32
37
  "neptune.Summary.statusPending": "保留中",
@@ -29,6 +29,11 @@ var ja = {
29
29
  "neptune.SelectInput.noResultsFound": "結果が見つかりませんでした",
30
30
  "neptune.SelectOption.action.label": "選択してください",
31
31
  "neptune.SelectOption.selected.action.label": "選択したオプションを変更する",
32
+ "neptune.StatusIcon.iconLabel.error": "エラー:",
33
+ "neptune.StatusIcon.iconLabel.information": "情報:",
34
+ "neptune.StatusIcon.iconLabel.pending": "保留中:",
35
+ "neptune.StatusIcon.iconLabel.success": "完了:",
36
+ "neptune.StatusIcon.iconLabel.warning": "警告:",
32
37
  "neptune.Summary.statusDone": "完了",
33
38
  "neptune.Summary.statusNotDone": "未完了",
34
39
  "neptune.Summary.statusPending": "保留中",
@@ -1 +1 @@
1
- {"version":3,"file":"ja.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ja.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@ var ja = {
27
27
  "neptune.SelectInput.noResultsFound": "結果が見つかりませんでした",
28
28
  "neptune.SelectOption.action.label": "選択してください",
29
29
  "neptune.SelectOption.selected.action.label": "選択したオプションを変更する",
30
+ "neptune.StatusIcon.iconLabel.error": "エラー:",
31
+ "neptune.StatusIcon.iconLabel.information": "情報:",
32
+ "neptune.StatusIcon.iconLabel.pending": "保留中:",
33
+ "neptune.StatusIcon.iconLabel.success": "完了:",
34
+ "neptune.StatusIcon.iconLabel.warning": "警告:",
30
35
  "neptune.Summary.statusDone": "完了",
31
36
  "neptune.Summary.statusNotDone": "未完了",
32
37
  "neptune.Summary.statusPending": "保留中",
@@ -1 +1 @@
1
- {"version":3,"file":"ja.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ja.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@
27
27
  "neptune.SelectInput.noResultsFound": "Nie znaleziono wyników",
28
28
  "neptune.SelectOption.action.label": "Wybierz",
29
29
  "neptune.SelectOption.selected.action.label": "Zmień wybraną opcję",
30
+ "neptune.StatusIcon.iconLabel.error": "Błąd:",
31
+ "neptune.StatusIcon.iconLabel.information": "Informacje:",
32
+ "neptune.StatusIcon.iconLabel.pending": "W toku:",
33
+ "neptune.StatusIcon.iconLabel.success": "Gotowe:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Ostrzeżenie:",
30
35
  "neptune.Summary.statusDone": "Czynność wykonana",
31
36
  "neptune.Summary.statusNotDone": "Czynność do wykonania",
32
37
  "neptune.Summary.statusPending": "Czynność oczekująca",
@@ -29,6 +29,11 @@ var pl = {
29
29
  "neptune.SelectInput.noResultsFound": "Nie znaleziono wyników",
30
30
  "neptune.SelectOption.action.label": "Wybierz",
31
31
  "neptune.SelectOption.selected.action.label": "Zmień wybraną opcję",
32
+ "neptune.StatusIcon.iconLabel.error": "Błąd:",
33
+ "neptune.StatusIcon.iconLabel.information": "Informacje:",
34
+ "neptune.StatusIcon.iconLabel.pending": "W toku:",
35
+ "neptune.StatusIcon.iconLabel.success": "Gotowe:",
36
+ "neptune.StatusIcon.iconLabel.warning": "Ostrzeżenie:",
32
37
  "neptune.Summary.statusDone": "Czynność wykonana",
33
38
  "neptune.Summary.statusNotDone": "Czynność do wykonania",
34
39
  "neptune.Summary.statusPending": "Czynność oczekująca",
@@ -1 +1 @@
1
- {"version":3,"file":"pl.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"pl.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@ var pl = {
27
27
  "neptune.SelectInput.noResultsFound": "Nie znaleziono wyników",
28
28
  "neptune.SelectOption.action.label": "Wybierz",
29
29
  "neptune.SelectOption.selected.action.label": "Zmień wybraną opcję",
30
+ "neptune.StatusIcon.iconLabel.error": "Błąd:",
31
+ "neptune.StatusIcon.iconLabel.information": "Informacje:",
32
+ "neptune.StatusIcon.iconLabel.pending": "W toku:",
33
+ "neptune.StatusIcon.iconLabel.success": "Gotowe:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Ostrzeżenie:",
30
35
  "neptune.Summary.statusDone": "Czynność wykonana",
31
36
  "neptune.Summary.statusNotDone": "Czynność do wykonania",
32
37
  "neptune.Summary.statusPending": "Czynność oczekująca",
@@ -1 +1 @@
1
- {"version":3,"file":"pl.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"pl.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@
27
27
  "neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
28
28
  "neptune.SelectOption.action.label": "Selecionar",
29
29
  "neptune.SelectOption.selected.action.label": "Altere a opção escolhida",
30
+ "neptune.StatusIcon.iconLabel.error": "Erro:",
31
+ "neptune.StatusIcon.iconLabel.information": "Informação:",
32
+ "neptune.StatusIcon.iconLabel.pending": "Pendente:",
33
+ "neptune.StatusIcon.iconLabel.success": "Concluído:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Aviso:",
30
35
  "neptune.Summary.statusDone": "Pronto",
31
36
  "neptune.Summary.statusNotDone": "Não iniciado",
32
37
  "neptune.Summary.statusPending": "Pendente",
@@ -29,6 +29,11 @@ var pt = {
29
29
  "neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
30
30
  "neptune.SelectOption.action.label": "Selecionar",
31
31
  "neptune.SelectOption.selected.action.label": "Altere a opção escolhida",
32
+ "neptune.StatusIcon.iconLabel.error": "Erro:",
33
+ "neptune.StatusIcon.iconLabel.information": "Informação:",
34
+ "neptune.StatusIcon.iconLabel.pending": "Pendente:",
35
+ "neptune.StatusIcon.iconLabel.success": "Concluído:",
36
+ "neptune.StatusIcon.iconLabel.warning": "Aviso:",
32
37
  "neptune.Summary.statusDone": "Pronto",
33
38
  "neptune.Summary.statusNotDone": "Não iniciado",
34
39
  "neptune.Summary.statusPending": "Pendente",
@@ -1 +1 @@
1
- {"version":3,"file":"pt.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"pt.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@ var pt = {
27
27
  "neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
28
28
  "neptune.SelectOption.action.label": "Selecionar",
29
29
  "neptune.SelectOption.selected.action.label": "Altere a opção escolhida",
30
+ "neptune.StatusIcon.iconLabel.error": "Erro:",
31
+ "neptune.StatusIcon.iconLabel.information": "Informação:",
32
+ "neptune.StatusIcon.iconLabel.pending": "Pendente:",
33
+ "neptune.StatusIcon.iconLabel.success": "Concluído:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Aviso:",
30
35
  "neptune.Summary.statusDone": "Pronto",
31
36
  "neptune.Summary.statusNotDone": "Não iniciado",
32
37
  "neptune.Summary.statusPending": "Pendente",
@@ -1 +1 @@
1
- {"version":3,"file":"pt.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"pt.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@
27
27
  "neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
28
28
  "neptune.SelectOption.action.label": "Alege",
29
29
  "neptune.SelectOption.selected.action.label": "Schimbă opțiunea aleasă",
30
+ "neptune.StatusIcon.iconLabel.error": "Eroare:",
31
+ "neptune.StatusIcon.iconLabel.information": "Informații:",
32
+ "neptune.StatusIcon.iconLabel.pending": "În așteptare:",
33
+ "neptune.StatusIcon.iconLabel.success": "Gata:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Avertisment:",
30
35
  "neptune.Summary.statusDone": "Finalizat",
31
36
  "neptune.Summary.statusNotDone": "De făcut",
32
37
  "neptune.Summary.statusPending": "În așteptare",
@@ -29,6 +29,11 @@ var ro = {
29
29
  "neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
30
30
  "neptune.SelectOption.action.label": "Alege",
31
31
  "neptune.SelectOption.selected.action.label": "Schimbă opțiunea aleasă",
32
+ "neptune.StatusIcon.iconLabel.error": "Eroare:",
33
+ "neptune.StatusIcon.iconLabel.information": "Informații:",
34
+ "neptune.StatusIcon.iconLabel.pending": "În așteptare:",
35
+ "neptune.StatusIcon.iconLabel.success": "Gata:",
36
+ "neptune.StatusIcon.iconLabel.warning": "Avertisment:",
32
37
  "neptune.Summary.statusDone": "Finalizat",
33
38
  "neptune.Summary.statusNotDone": "De făcut",
34
39
  "neptune.Summary.statusPending": "În așteptare",
@@ -1 +1 @@
1
- {"version":3,"file":"ro.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ro.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@ var ro = {
27
27
  "neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
28
28
  "neptune.SelectOption.action.label": "Alege",
29
29
  "neptune.SelectOption.selected.action.label": "Schimbă opțiunea aleasă",
30
+ "neptune.StatusIcon.iconLabel.error": "Eroare:",
31
+ "neptune.StatusIcon.iconLabel.information": "Informații:",
32
+ "neptune.StatusIcon.iconLabel.pending": "În așteptare:",
33
+ "neptune.StatusIcon.iconLabel.success": "Gata:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Avertisment:",
30
35
  "neptune.Summary.statusDone": "Finalizat",
31
36
  "neptune.Summary.statusNotDone": "De făcut",
32
37
  "neptune.Summary.statusPending": "În așteptare",
@@ -1 +1 @@
1
- {"version":3,"file":"ro.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ro.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@
27
27
  "neptune.SelectInput.noResultsFound": "Ничего не найдено",
28
28
  "neptune.SelectOption.action.label": "Выбрать",
29
29
  "neptune.SelectOption.selected.action.label": "Изменить выбранный вариант",
30
+ "neptune.StatusIcon.iconLabel.error": "Ошибка:",
31
+ "neptune.StatusIcon.iconLabel.information": "Информация:",
32
+ "neptune.StatusIcon.iconLabel.pending": "В ожидании:",
33
+ "neptune.StatusIcon.iconLabel.success": "Готово:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Внимание:",
30
35
  "neptune.Summary.statusDone": "Этап завершен",
31
36
  "neptune.Summary.statusNotDone": "Этап к выполнению",
32
37
  "neptune.Summary.statusPending": "Этап в процессе",
@@ -29,6 +29,11 @@ var ru = {
29
29
  "neptune.SelectInput.noResultsFound": "Ничего не найдено",
30
30
  "neptune.SelectOption.action.label": "Выбрать",
31
31
  "neptune.SelectOption.selected.action.label": "Изменить выбранный вариант",
32
+ "neptune.StatusIcon.iconLabel.error": "Ошибка:",
33
+ "neptune.StatusIcon.iconLabel.information": "Информация:",
34
+ "neptune.StatusIcon.iconLabel.pending": "В ожидании:",
35
+ "neptune.StatusIcon.iconLabel.success": "Готово:",
36
+ "neptune.StatusIcon.iconLabel.warning": "Внимание:",
32
37
  "neptune.Summary.statusDone": "Этап завершен",
33
38
  "neptune.Summary.statusNotDone": "Этап к выполнению",
34
39
  "neptune.Summary.statusPending": "Этап в процессе",
@@ -1 +1 @@
1
- {"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@ var ru = {
27
27
  "neptune.SelectInput.noResultsFound": "Ничего не найдено",
28
28
  "neptune.SelectOption.action.label": "Выбрать",
29
29
  "neptune.SelectOption.selected.action.label": "Изменить выбранный вариант",
30
+ "neptune.StatusIcon.iconLabel.error": "Ошибка:",
31
+ "neptune.StatusIcon.iconLabel.information": "Информация:",
32
+ "neptune.StatusIcon.iconLabel.pending": "В ожидании:",
33
+ "neptune.StatusIcon.iconLabel.success": "Готово:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Внимание:",
30
35
  "neptune.Summary.statusDone": "Этап завершен",
31
36
  "neptune.Summary.statusNotDone": "Этап к выполнению",
32
37
  "neptune.Summary.statusPending": "Этап в процессе",
@@ -1 +1 @@
1
- {"version":3,"file":"ru.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ru.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@
27
27
  "neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
28
28
  "neptune.SelectOption.action.label": "Seç",
29
29
  "neptune.SelectOption.selected.action.label": "Seçilen opsiyonu değiştir",
30
+ "neptune.StatusIcon.iconLabel.error": "Hata:",
31
+ "neptune.StatusIcon.iconLabel.information": "Bilgi:",
32
+ "neptune.StatusIcon.iconLabel.pending": "Bekliyor:",
33
+ "neptune.StatusIcon.iconLabel.success": "Başarılı:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Uyarı:",
30
35
  "neptune.Summary.statusDone": "Tamamlanan aşama",
31
36
  "neptune.Summary.statusNotDone": "Yapılacak",
32
37
  "neptune.Summary.statusPending": "Bekliyor",
@@ -29,6 +29,11 @@ var tr = {
29
29
  "neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
30
30
  "neptune.SelectOption.action.label": "Seç",
31
31
  "neptune.SelectOption.selected.action.label": "Seçilen opsiyonu değiştir",
32
+ "neptune.StatusIcon.iconLabel.error": "Hata:",
33
+ "neptune.StatusIcon.iconLabel.information": "Bilgi:",
34
+ "neptune.StatusIcon.iconLabel.pending": "Bekliyor:",
35
+ "neptune.StatusIcon.iconLabel.success": "Başarılı:",
36
+ "neptune.StatusIcon.iconLabel.warning": "Uyarı:",
32
37
  "neptune.Summary.statusDone": "Tamamlanan aşama",
33
38
  "neptune.Summary.statusNotDone": "Yapılacak",
34
39
  "neptune.Summary.statusPending": "Bekliyor",
@@ -1 +1 @@
1
- {"version":3,"file":"tr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"tr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -27,6 +27,11 @@ var tr = {
27
27
  "neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
28
28
  "neptune.SelectOption.action.label": "Seç",
29
29
  "neptune.SelectOption.selected.action.label": "Seçilen opsiyonu değiştir",
30
+ "neptune.StatusIcon.iconLabel.error": "Hata:",
31
+ "neptune.StatusIcon.iconLabel.information": "Bilgi:",
32
+ "neptune.StatusIcon.iconLabel.pending": "Bekliyor:",
33
+ "neptune.StatusIcon.iconLabel.success": "Başarılı:",
34
+ "neptune.StatusIcon.iconLabel.warning": "Uyarı:",
30
35
  "neptune.Summary.statusDone": "Tamamlanan aşama",
31
36
  "neptune.Summary.statusNotDone": "Yapılacak",
32
37
  "neptune.Summary.statusPending": "Bekliyor",
@@ -1 +1 @@
1
- {"version":3,"file":"tr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"tr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/main.css CHANGED
@@ -221,18 +221,27 @@ div.critical-comms .critical-comms-body {
221
221
  }
222
222
  .tw-avatar {
223
223
  position: relative;
224
+ border-radius: 50%;
224
225
  -webkit-user-select: none;
225
226
  -moz-user-select: none;
226
227
  user-select: none;
227
228
  box-sizing: border-box;
228
229
  }
229
230
  .tw-avatar .tw-avatar__content {
231
+ align-items: center;
230
232
  background-color: rgba(134,167,189,0.10196);
231
233
  background-color: #86a7bd1a;
232
234
  background-color: var(--color-background-neutral);
235
+ border-radius: 50%;
236
+ color: #37517e;
237
+ color: var(--color-content-primary);
238
+ display: flex;
239
+ height: 100%;
240
+ justify-content: center;
233
241
  max-height: 100%;
234
242
  max-width: 100%;
235
243
  overflow: hidden;
244
+ width: 100%;
236
245
  }
237
246
  .tw-avatar--outlined {
238
247
  border: 1px solid #00a2dd;
@@ -275,6 +284,11 @@ div.critical-comms .critical-comms-body {
275
284
  color: var(--color-dark-charcoal);
276
285
  line-height: 1;
277
286
  }
287
+ .tw-avatar--24 {
288
+ min-width: 24px;
289
+ width: 24px;
290
+ height: 24px;
291
+ }
278
292
  .tw-avatar--24.tw-avatar--emoji,
279
293
  .tw-avatar--24.tw-avatar--icon {
280
294
  font-size: 12px;
@@ -305,6 +319,11 @@ div.critical-comms .critical-comms-body {
305
319
  content: "";
306
320
  border-radius: 50%;
307
321
  }
322
+ .tw-avatar--40 {
323
+ min-width: 40px;
324
+ width: 40px;
325
+ height: 40px;
326
+ }
308
327
  .tw-avatar--40.tw-avatar--emoji,
309
328
  .tw-avatar--40.tw-avatar--icon {
310
329
  font-size: 20px;
@@ -335,6 +354,11 @@ div.critical-comms .critical-comms-body {
335
354
  content: "";
336
355
  border-radius: 50%;
337
356
  }
357
+ .tw-avatar--48 {
358
+ min-width: 48px;
359
+ width: 48px;
360
+ height: 48px;
361
+ }
338
362
  .tw-avatar--48.tw-avatar--emoji,
339
363
  .tw-avatar--48.tw-avatar--icon {
340
364
  font-size: 24px;
@@ -365,6 +389,11 @@ div.critical-comms .critical-comms-body {
365
389
  content: "";
366
390
  border-radius: 50%;
367
391
  }
392
+ .tw-avatar--56 {
393
+ min-width: 56px;
394
+ width: 56px;
395
+ height: 56px;
396
+ }
368
397
  .tw-avatar--56.tw-avatar--emoji,
369
398
  .tw-avatar--56.tw-avatar--icon {
370
399
  font-size: 28px;
@@ -395,6 +424,11 @@ div.critical-comms .critical-comms-body {
395
424
  content: "";
396
425
  border-radius: 50%;
397
426
  }
427
+ .tw-avatar--72 {
428
+ min-width: 72px;
429
+ width: 72px;
430
+ height: 72px;
431
+ }
398
432
  .tw-avatar--72.tw-avatar--emoji,
399
433
  .tw-avatar--72.tw-avatar--icon {
400
434
  font-size: 36px;
@@ -460,10 +494,16 @@ div.critical-comms .critical-comms-body {
460
494
  }
461
495
  .tw-badge > .tw-badge__content {
462
496
  position: absolute;
497
+ width: var(--badge-size);
498
+ height: var(--badge-size);
463
499
  bottom: 0;
464
500
  right: 0;
465
501
  box-sizing: border-box;
502
+ border-radius: 50%;
466
503
  text-align: center;
504
+ display: flex;
505
+ align-items: center;
506
+ justify-content: center;
467
507
  overflow: hidden;
468
508
  -webkit-user-select: none;
469
509
  -moz-user-select: none;
@@ -1016,8 +1056,8 @@ div.critical-comms .critical-comms-body {
1016
1056
  }
1017
1057
  @media (max-width: 320px) {
1018
1058
  .np-circular-btn .tw-icon {
1019
- top: 8px;
1020
- top: var(--size-8);
1059
+ top: 12px;
1060
+ top: var(--size-12);
1021
1061
  }
1022
1062
  }
1023
1063
  .np-circular-btn .tw-icon > svg {
@@ -1172,6 +1212,10 @@ div.critical-comms .critical-comms-body {
1172
1212
  height: var(--circle-size);
1173
1213
  flex-shrink: 0;
1174
1214
  }
1215
+ .np-circle .tw-icon > svg {
1216
+ height: var(--circle-icon-size);
1217
+ width: var(--circle-icon-size);
1218
+ }
1175
1219
  .np-bottom-sheet {
1176
1220
  border-radius: 10px 10px 0 0;
1177
1221
  }
@@ -4158,12 +4202,6 @@ html:not([dir="rtl"]) .np-navigation-option {
4158
4202
  transform: translateY(-24px);
4159
4203
  }
4160
4204
  }
4161
- .status-icon > svg {
4162
- height: 32px;
4163
- height: var(--size-32);
4164
- width: 32px;
4165
- width: var(--size-32);
4166
- }
4167
4205
  .status-circle .light {
4168
4206
  color: var(--color-contrast);
4169
4207
  }
@@ -4179,20 +4217,6 @@ html:not([dir="rtl"]) .np-navigation-option {
4179
4217
  .np-theme-personal .status-circle.pending .status-icon {
4180
4218
  color: var(--color-dark);
4181
4219
  }
4182
- .status-circle-sm .status-icon > svg {
4183
- height: 14px;
4184
- height: var(--size-14);
4185
- width: 14px;
4186
- width: var(--size-14);
4187
- }
4188
- @media (max-width: 320px) {
4189
- .status-circle-sm .status-icon > svg {
4190
- width: 24px;
4191
- width: var(--size-24);
4192
- height: 24px;
4193
- height: var(--size-24);
4194
- }
4195
- }
4196
4220
  .status-circle.negative,
4197
4221
  .status-circle.error {
4198
4222
  background-color: var(--color-sentiment-negative);
@@ -18,7 +18,7 @@ const mapLegacySize = {
18
18
  };
19
19
  const StatusIcon = ({
20
20
  sentiment: sentiment$1 = 'neutral',
21
- size: sizeProp = 'md',
21
+ size: sizeProp = 40,
22
22
  iconLabel
23
23
  }) => {
24
24
  const intl = reactIntl.useIntl();
@@ -63,12 +63,12 @@ const StatusIcon = ({
63
63
  } = iconMetaBySentiment[sentiment$1];
64
64
  const iconColor = sentiment$1 === 'warning' || sentiment$1 === 'pending' ? 'dark' : 'light';
65
65
  const isTinyViewport = useMedia.useMedia(`(max-width: ${breakpoint.Breakpoint.ZOOM_400}px)`);
66
- const size$1 = sizeProp === size.Size.SMALL && isTinyViewport ? 32 : mapLegacySize[sizeProp];
66
+ const size = mapLegacySize[sizeProp] ?? sizeProp;
67
67
  return /*#__PURE__*/jsxRuntime.jsx(Circle, {
68
68
  as: "span",
69
- size: size$1,
69
+ size: isTinyViewport && size < 40 ? 32 : size,
70
70
  "data-testid": "status-icon",
71
- className: clsx.clsx('status-circle', `status-circle-${sizeProp}`, sentiment$1),
71
+ className: clsx.clsx('status-circle', sentiment$1),
72
72
  children: /*#__PURE__*/jsxRuntime.jsx(Icon, {
73
73
  className: clsx.clsx('status-icon', iconColor),
74
74
  title: iconLabel === null ? undefined : iconLabel || defaultIconLabel
@@ -1 +1 @@
1
- {"version":3,"file":"StatusIcon.js","sources":["../../src/statusIcon/StatusIcon.tsx"],"sourcesContent":["import { Info, Alert, Cross, Check, ClockBorderless } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport { SizeSmall, SizeMedium, SizeLarge, Sentiment, Size, Breakpoint } from '../common';\nimport Circle, { CircleProps } from '../common/circle';\nimport { useMedia } from '../common/hooks/useMedia';\n\nimport messages from './StatusIcon.messages';\n\nexport type StatusIconProps = {\n sentiment: `${Sentiment}`;\n size: SizeSmall | SizeMedium | SizeLarge;\n /**\n * Override for the sentiment's-derived, default, accessible\n * name announced by the screen readers. <br />\n * Using `null` will render the icon purely presentational.\n * */\n iconLabel?: string | null;\n};\n\nconst mapLegacySize = {\n [String(Size.SMALL)]: 16,\n [String(Size.MEDIUM)]: 40,\n [String(Size.LARGE)]: 48,\n} satisfies Record<string, CircleProps['size']>;\n\nconst StatusIcon = ({\n sentiment = 'neutral',\n size: sizeProp = 'md',\n iconLabel,\n}: StatusIconProps) => {\n const intl = useIntl();\n\n const iconMetaBySentiment: Record<\n `${Sentiment}`,\n {\n Icon: React.ElementType;\n defaultIconLabel: string;\n }\n > = {\n [Sentiment.NEGATIVE]: {\n Icon: Cross,\n defaultIconLabel: intl.formatMessage(messages.errorLabel),\n },\n [Sentiment.POSITIVE]: {\n Icon: Check,\n defaultIconLabel: intl.formatMessage(messages.successLabel),\n },\n [Sentiment.WARNING]: {\n Icon: Alert,\n defaultIconLabel: intl.formatMessage(messages.warningLabel),\n },\n [Sentiment.PENDING]: {\n Icon: ClockBorderless,\n defaultIconLabel: intl.formatMessage(messages.pendingLabel),\n },\n [Sentiment.NEUTRAL]: {\n Icon: Info,\n defaultIconLabel: intl.formatMessage(messages.informationLabel),\n },\n // deprecated\n [Sentiment.ERROR]: {\n Icon: Cross,\n defaultIconLabel: intl.formatMessage(messages.errorLabel),\n },\n [Sentiment.INFO]: {\n Icon: Info,\n defaultIconLabel: intl.formatMessage(messages.informationLabel),\n },\n [Sentiment.SUCCESS]: {\n Icon: Check,\n defaultIconLabel: intl.formatMessage(messages.successLabel),\n },\n };\n const { Icon, defaultIconLabel } = iconMetaBySentiment[sentiment];\n\n const iconColor = sentiment === 'warning' || sentiment === 'pending' ? 'dark' : 'light';\n const isTinyViewport = useMedia(`(max-width: ${Breakpoint.ZOOM_400}px)`);\n const size = sizeProp === Size.SMALL && isTinyViewport ? 32 : mapLegacySize[sizeProp];\n return (\n <Circle\n as=\"span\"\n size={size}\n data-testid=\"status-icon\"\n className={clsx('status-circle', `status-circle-${sizeProp}`, sentiment)}\n >\n <Icon\n className={clsx('status-icon', iconColor)}\n title={iconLabel === null ? undefined : iconLabel || defaultIconLabel}\n />\n </Circle>\n );\n};\n\nexport default StatusIcon;\n"],"names":["mapLegacySize","String","Size","SMALL","MEDIUM","LARGE","StatusIcon","sentiment","size","sizeProp","iconLabel","intl","useIntl","iconMetaBySentiment","Sentiment","NEGATIVE","Icon","Cross","defaultIconLabel","formatMessage","messages","errorLabel","POSITIVE","Check","successLabel","WARNING","Alert","warningLabel","PENDING","ClockBorderless","pendingLabel","NEUTRAL","Info","informationLabel","ERROR","INFO","SUCCESS","iconColor","isTinyViewport","useMedia","Breakpoint","ZOOM_400","_jsx","Circle","as","className","clsx","children","title","undefined"],"mappings":";;;;;;;;;;;;;AAqBA,MAAMA,aAAa,GAAG;AACpB,EAAA,CAACC,MAAM,CAACC,SAAI,CAACC,KAAK,CAAC,GAAG,EAAE;AACxB,EAAA,CAACF,MAAM,CAACC,SAAI,CAACE,MAAM,CAAC,GAAG,EAAE;AACzB,EAAA,CAACH,MAAM,CAACC,SAAI,CAACG,KAAK,CAAC,GAAG,EAAA;CACuB,CAAA;AAEzCC,MAAAA,UAAU,GAAGA,CAAC;AAClBC,aAAAA,WAAS,GAAG,SAAS;EACrBC,IAAI,EAAEC,QAAQ,GAAG,IAAI;AACrBC,EAAAA,SAAAA;AAAS,CACO,KAAI;AACpB,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE,CAAA;AAEtB,EAAA,MAAMC,mBAAmB,GAMrB;IACF,CAACC,mBAAS,CAACC,QAAQ,GAAG;AACpBC,MAAAA,IAAI,EAAEC,WAAK;AACXC,MAAAA,gBAAgB,EAAEP,IAAI,CAACQ,aAAa,CAACC,mBAAQ,CAACC,UAAU,CAAA;KACzD;IACD,CAACP,mBAAS,CAACQ,QAAQ,GAAG;AACpBN,MAAAA,IAAI,EAAEO,WAAK;AACXL,MAAAA,gBAAgB,EAAEP,IAAI,CAACQ,aAAa,CAACC,mBAAQ,CAACI,YAAY,CAAA;KAC3D;IACD,CAACV,mBAAS,CAACW,OAAO,GAAG;AACnBT,MAAAA,IAAI,EAAEU,WAAK;AACXR,MAAAA,gBAAgB,EAAEP,IAAI,CAACQ,aAAa,CAACC,mBAAQ,CAACO,YAAY,CAAA;KAC3D;IACD,CAACb,mBAAS,CAACc,OAAO,GAAG;AACnBZ,MAAAA,IAAI,EAAEa,qBAAe;AACrBX,MAAAA,gBAAgB,EAAEP,IAAI,CAACQ,aAAa,CAACC,mBAAQ,CAACU,YAAY,CAAA;KAC3D;IACD,CAAChB,mBAAS,CAACiB,OAAO,GAAG;AACnBf,MAAAA,IAAI,EAAEgB,UAAI;AACVd,MAAAA,gBAAgB,EAAEP,IAAI,CAACQ,aAAa,CAACC,mBAAQ,CAACa,gBAAgB,CAAA;KAC/D;AACD;IACA,CAACnB,mBAAS,CAACoB,KAAK,GAAG;AACjBlB,MAAAA,IAAI,EAAEC,WAAK;AACXC,MAAAA,gBAAgB,EAAEP,IAAI,CAACQ,aAAa,CAACC,mBAAQ,CAACC,UAAU,CAAA;KACzD;IACD,CAACP,mBAAS,CAACqB,IAAI,GAAG;AAChBnB,MAAAA,IAAI,EAAEgB,UAAI;AACVd,MAAAA,gBAAgB,EAAEP,IAAI,CAACQ,aAAa,CAACC,mBAAQ,CAACa,gBAAgB,CAAA;KAC/D;IACD,CAACnB,mBAAS,CAACsB,OAAO,GAAG;AACnBpB,MAAAA,IAAI,EAAEO,WAAK;AACXL,MAAAA,gBAAgB,EAAEP,IAAI,CAACQ,aAAa,CAACC,mBAAQ,CAACI,YAAY,CAAA;AAC3D,KAAA;GACF,CAAA;EACD,MAAM;IAAER,IAAI;AAAEE,IAAAA,gBAAAA;AAAgB,GAAE,GAAGL,mBAAmB,CAACN,WAAS,CAAC,CAAA;AAEjE,EAAA,MAAM8B,SAAS,GAAG9B,WAAS,KAAK,SAAS,IAAIA,WAAS,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;EACvF,MAAM+B,cAAc,GAAGC,iBAAQ,CAAC,eAAeC,qBAAU,CAACC,QAAQ,CAAA,GAAA,CAAK,CAAC,CAAA;AACxE,EAAA,MAAMjC,MAAI,GAAGC,QAAQ,KAAKP,SAAI,CAACC,KAAK,IAAImC,cAAc,GAAG,EAAE,GAAGtC,aAAa,CAACS,QAAQ,CAAC,CAAA;EACrF,oBACEiC,cAAA,CAACC,MAAM,EAAA;AACLC,IAAAA,EAAE,EAAC,MAAM;AACTpC,IAAAA,IAAI,EAAEA,MAAK;AACX,IAAA,aAAA,EAAY,aAAa;IACzBqC,SAAS,EAAEC,SAAI,CAAC,eAAe,EAAE,iBAAiBrC,QAAQ,CAAA,CAAE,EAAEF,WAAS,CAAE;IAAAwC,QAAA,eAEzEL,cAAA,CAAC1B,IAAI,EAAA;AACH6B,MAAAA,SAAS,EAAEC,SAAI,CAAC,aAAa,EAAET,SAAS,CAAE;MAC1CW,KAAK,EAAEtC,SAAS,KAAK,IAAI,GAAGuC,SAAS,GAAGvC,SAAS,IAAIQ,gBAAAA;KAEzD,CAAA;AAAA,GAAQ,CAAC,CAAA;AAEb;;;;"}
1
+ {"version":3,"file":"StatusIcon.js","sources":["../../src/statusIcon/StatusIcon.tsx"],"sourcesContent":["import { Info, Alert, Cross, Check, ClockBorderless } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport { SizeSmall, SizeMedium, SizeLarge, Sentiment, Size, Breakpoint } from '../common';\nimport Circle, { CircleProps } from '../common/circle';\nimport { useMedia } from '../common/hooks/useMedia';\n\nimport messages from './StatusIcon.messages';\n\n/**\n * @deprecated use `16 | 24 | 32 | 40 | 48 | 56 | 72` component instead\n */\ntype LegacySizes = SizeSmall | SizeMedium | SizeLarge;\n\nexport type StatusIconProps = {\n sentiment?: `${Sentiment}`;\n size?: LegacySizes | 16 | 24 | 32 | 40 | 48 | 56 | 72;\n /**\n * Override for the sentiment's-derived, default, accessible\n * name announced by the screen readers. <br />\n * Using `null` will render the icon purely presentational.\n * */\n iconLabel?: string | null;\n};\n\nconst mapLegacySize = {\n [String(Size.SMALL)]: 16,\n [String(Size.MEDIUM)]: 40,\n [String(Size.LARGE)]: 48,\n} satisfies Record<string, CircleProps['size']>;\n\nconst StatusIcon = ({ sentiment = 'neutral', size: sizeProp = 40, iconLabel }: StatusIconProps) => {\n const intl = useIntl();\n\n const iconMetaBySentiment: Record<\n `${Sentiment}`,\n {\n Icon: React.ElementType;\n defaultIconLabel: string;\n }\n > = {\n [Sentiment.NEGATIVE]: {\n Icon: Cross,\n defaultIconLabel: intl.formatMessage(messages.errorLabel),\n },\n [Sentiment.POSITIVE]: {\n Icon: Check,\n defaultIconLabel: intl.formatMessage(messages.successLabel),\n },\n [Sentiment.WARNING]: {\n Icon: Alert,\n defaultIconLabel: intl.formatMessage(messages.warningLabel),\n },\n [Sentiment.PENDING]: {\n Icon: ClockBorderless,\n defaultIconLabel: intl.formatMessage(messages.pendingLabel),\n },\n [Sentiment.NEUTRAL]: {\n Icon: Info,\n defaultIconLabel: intl.formatMessage(messages.informationLabel),\n },\n // deprecated\n [Sentiment.ERROR]: {\n Icon: Cross,\n defaultIconLabel: intl.formatMessage(messages.errorLabel),\n },\n [Sentiment.INFO]: {\n Icon: Info,\n defaultIconLabel: intl.formatMessage(messages.informationLabel),\n },\n [Sentiment.SUCCESS]: {\n Icon: Check,\n defaultIconLabel: intl.formatMessage(messages.successLabel),\n },\n };\n const { Icon, defaultIconLabel } = iconMetaBySentiment[sentiment];\n\n const iconColor = sentiment === 'warning' || sentiment === 'pending' ? 'dark' : 'light';\n const isTinyViewport = useMedia(`(max-width: ${Breakpoint.ZOOM_400}px)`);\n const size = mapLegacySize[sizeProp] ?? sizeProp;\n return (\n <Circle\n as=\"span\"\n size={isTinyViewport && size < 40 ? 32 : size}\n data-testid=\"status-icon\"\n className={clsx('status-circle', sentiment)}\n >\n <Icon\n className={clsx('status-icon', iconColor)}\n title={iconLabel === null ? undefined : iconLabel || defaultIconLabel}\n />\n </Circle>\n );\n};\n\nexport default StatusIcon;\n"],"names":["mapLegacySize","String","Size","SMALL","MEDIUM","LARGE","StatusIcon","sentiment","size","sizeProp","iconLabel","intl","useIntl","iconMetaBySentiment","Sentiment","NEGATIVE","Icon","Cross","defaultIconLabel","formatMessage","messages","errorLabel","POSITIVE","Check","successLabel","WARNING","Alert","warningLabel","PENDING","ClockBorderless","pendingLabel","NEUTRAL","Info","informationLabel","ERROR","INFO","SUCCESS","iconColor","isTinyViewport","useMedia","Breakpoint","ZOOM_400","_jsx","Circle","as","className","clsx","children","title","undefined"],"mappings":"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"}
@@ -16,7 +16,7 @@ const mapLegacySize = {
16
16
  };
17
17
  const StatusIcon = ({
18
18
  sentiment = 'neutral',
19
- size: sizeProp = 'md',
19
+ size: sizeProp = 40,
20
20
  iconLabel
21
21
  }) => {
22
22
  const intl = useIntl();
@@ -61,12 +61,12 @@ const StatusIcon = ({
61
61
  } = iconMetaBySentiment[sentiment];
62
62
  const iconColor = sentiment === 'warning' || sentiment === 'pending' ? 'dark' : 'light';
63
63
  const isTinyViewport = useMedia(`(max-width: ${Breakpoint.ZOOM_400}px)`);
64
- const size = sizeProp === Size.SMALL && isTinyViewport ? 32 : mapLegacySize[sizeProp];
64
+ const size = mapLegacySize[sizeProp] ?? sizeProp;
65
65
  return /*#__PURE__*/jsx(Circle, {
66
66
  as: "span",
67
- size: size,
67
+ size: isTinyViewport && size < 40 ? 32 : size,
68
68
  "data-testid": "status-icon",
69
- className: clsx('status-circle', `status-circle-${sizeProp}`, sentiment),
69
+ className: clsx('status-circle', sentiment),
70
70
  children: /*#__PURE__*/jsx(Icon, {
71
71
  className: clsx('status-icon', iconColor),
72
72
  title: iconLabel === null ? undefined : iconLabel || defaultIconLabel