@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.
- package/build/avatar/Avatar.js +2 -7
- package/build/avatar/Avatar.js.map +1 -1
- package/build/avatar/Avatar.mjs +2 -7
- package/build/avatar/Avatar.mjs.map +1 -1
- package/build/badge/Badge.js +1 -10
- package/build/badge/Badge.js.map +1 -1
- package/build/badge/Badge.mjs +1 -10
- package/build/badge/Badge.mjs.map +1 -1
- package/build/circularButton/CircularButton.js +1 -1
- package/build/circularButton/CircularButton.js.map +1 -1
- package/build/circularButton/CircularButton.mjs +1 -1
- package/build/circularButton/CircularButton.mjs.map +1 -1
- package/build/common/circle/Circle.js +15 -2
- package/build/common/circle/Circle.js.map +1 -1
- package/build/common/circle/Circle.mjs +15 -2
- package/build/common/circle/Circle.mjs.map +1 -1
- package/build/i18n/de.json +5 -0
- package/build/i18n/de.json.js +5 -0
- package/build/i18n/de.json.js.map +1 -1
- package/build/i18n/de.json.mjs +5 -0
- package/build/i18n/de.json.mjs.map +1 -1
- package/build/i18n/es.json +5 -0
- package/build/i18n/es.json.js +5 -0
- package/build/i18n/es.json.js.map +1 -1
- package/build/i18n/es.json.mjs +5 -0
- package/build/i18n/es.json.mjs.map +1 -1
- package/build/i18n/fr.json +5 -0
- package/build/i18n/fr.json.js +5 -0
- package/build/i18n/fr.json.js.map +1 -1
- package/build/i18n/fr.json.mjs +5 -0
- package/build/i18n/fr.json.mjs.map +1 -1
- package/build/i18n/hu.json +5 -0
- package/build/i18n/hu.json.js +5 -0
- package/build/i18n/hu.json.js.map +1 -1
- package/build/i18n/hu.json.mjs +5 -0
- package/build/i18n/hu.json.mjs.map +1 -1
- package/build/i18n/id.json +5 -0
- package/build/i18n/id.json.js +5 -0
- package/build/i18n/id.json.js.map +1 -1
- package/build/i18n/id.json.mjs +5 -0
- package/build/i18n/id.json.mjs.map +1 -1
- package/build/i18n/it.json +5 -0
- package/build/i18n/it.json.js +5 -0
- package/build/i18n/it.json.js.map +1 -1
- package/build/i18n/it.json.mjs +5 -0
- package/build/i18n/it.json.mjs.map +1 -1
- package/build/i18n/ja.json +5 -0
- package/build/i18n/ja.json.js +5 -0
- package/build/i18n/ja.json.js.map +1 -1
- package/build/i18n/ja.json.mjs +5 -0
- package/build/i18n/ja.json.mjs.map +1 -1
- package/build/i18n/pl.json +5 -0
- package/build/i18n/pl.json.js +5 -0
- package/build/i18n/pl.json.js.map +1 -1
- package/build/i18n/pl.json.mjs +5 -0
- package/build/i18n/pl.json.mjs.map +1 -1
- package/build/i18n/pt.json +5 -0
- package/build/i18n/pt.json.js +5 -0
- package/build/i18n/pt.json.js.map +1 -1
- package/build/i18n/pt.json.mjs +5 -0
- package/build/i18n/pt.json.mjs.map +1 -1
- package/build/i18n/ro.json +5 -0
- package/build/i18n/ro.json.js +5 -0
- package/build/i18n/ro.json.js.map +1 -1
- package/build/i18n/ro.json.mjs +5 -0
- package/build/i18n/ro.json.mjs.map +1 -1
- package/build/i18n/ru.json +5 -0
- package/build/i18n/ru.json.js +5 -0
- package/build/i18n/ru.json.js.map +1 -1
- package/build/i18n/ru.json.mjs +5 -0
- package/build/i18n/ru.json.mjs.map +1 -1
- package/build/i18n/tr.json +5 -0
- package/build/i18n/tr.json.js +5 -0
- package/build/i18n/tr.json.js.map +1 -1
- package/build/i18n/tr.json.mjs +5 -0
- package/build/i18n/tr.json.mjs.map +1 -1
- package/build/main.css +46 -22
- package/build/statusIcon/StatusIcon.js +4 -4
- package/build/statusIcon/StatusIcon.js.map +1 -1
- package/build/statusIcon/StatusIcon.mjs +4 -4
- package/build/statusIcon/StatusIcon.mjs.map +1 -1
- package/build/styles/avatar/Avatar.css +29 -0
- package/build/styles/badge/Badge.css +6 -0
- package/build/styles/circularButton/CircularButton.css +2 -2
- package/build/styles/common/circle/Circle.css +4 -0
- package/build/styles/main.css +46 -22
- package/build/styles/statusIcon/StatusIcon.css +0 -20
- package/build/types/avatar/Avatar.d.ts.map +1 -1
- package/build/types/badge/Badge.d.ts.map +1 -1
- package/build/types/common/circle/Circle.d.ts +1 -1
- package/build/types/common/circle/Circle.d.ts.map +1 -1
- package/build/types/statusIcon/StatusIcon.d.ts +7 -3
- package/build/types/statusIcon/StatusIcon.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/avatar/Avatar.css +29 -0
- package/src/avatar/Avatar.less +12 -0
- package/src/avatar/Avatar.tsx +4 -8
- package/src/avatarWrapper/__snapshots__/AvatarWrapper.spec.tsx.snap +11 -22
- package/src/badge/Badge.css +6 -0
- package/src/badge/Badge.less +6 -0
- package/src/badge/Badge.tsx +1 -11
- package/src/circularButton/CircularButton.css +2 -2
- package/src/circularButton/CircularButton.less +1 -1
- package/src/circularButton/CircularButton.story.tsx +3 -0
- package/src/circularButton/CircularButton.tsx +1 -1
- package/src/circularButton/__snapshots__/CircularButton.spec.tsx.snap +10 -10
- package/src/common/circle/Circle.css +4 -0
- package/src/common/circle/Circle.less +6 -0
- package/src/common/circle/Circle.story.tsx +2 -2
- package/src/common/circle/Circle.tsx +25 -2
- package/src/flowNavigation/__snapshots__/FlowNavigation.spec.js.snap +4 -8
- package/src/i18n/de.json +5 -0
- package/src/i18n/es.json +5 -0
- package/src/i18n/fr.json +5 -0
- package/src/i18n/hu.json +5 -0
- package/src/i18n/id.json +5 -0
- package/src/i18n/it.json +5 -0
- package/src/i18n/ja.json +5 -0
- package/src/i18n/pl.json +5 -0
- package/src/i18n/pt.json +5 -0
- package/src/i18n/ro.json +5 -0
- package/src/i18n/ru.json +5 -0
- package/src/i18n/tr.json +5 -0
- package/src/main.css +46 -22
- package/src/overlayHeader/__snapshots__/OverlayHeader.spec.tsx.snap +2 -4
- package/src/promoCard/PromoCard.spec.tsx +1 -1
- package/src/radio/__snapshots__/Radio.rtl.spec.tsx.snap +2 -4
- package/src/statusIcon/StatusIcon.css +0 -20
- package/src/statusIcon/StatusIcon.less +0 -17
- package/src/statusIcon/StatusIcon.spec.tsx +2 -21
- package/src/statusIcon/StatusIcon.story.tsx +32 -1
- package/src/statusIcon/StatusIcon.tsx +11 -10
package/build/i18n/id.json.mjs
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/it.json
CHANGED
|
@@ -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",
|
package/build/i18n/it.json.js
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/it.json.mjs
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/ja.json
CHANGED
|
@@ -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": "保留中",
|
package/build/i18n/ja.json.js
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/ja.json.mjs
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/pl.json
CHANGED
|
@@ -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",
|
package/build/i18n/pl.json.js
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/pl.json.mjs
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/pt.json
CHANGED
|
@@ -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",
|
package/build/i18n/pt.json.js
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/pt.json.mjs
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/ro.json
CHANGED
|
@@ -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",
|
package/build/i18n/ro.json.js
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/ro.json.mjs
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/ru.json
CHANGED
|
@@ -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": "Этап в процессе",
|
package/build/i18n/ru.json.js
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/ru.json.mjs
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/tr.json
CHANGED
|
@@ -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",
|
package/build/i18n/tr.json.js
CHANGED
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/tr.json.mjs
CHANGED
|
@@ -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:
|
|
1020
|
-
top: var(--size-
|
|
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 =
|
|
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
|
|
66
|
+
const size = mapLegacySize[sizeProp] ?? sizeProp;
|
|
67
67
|
return /*#__PURE__*/jsxRuntime.jsx(Circle, {
|
|
68
68
|
as: "span",
|
|
69
|
-
size: size
|
|
69
|
+
size: isTinyViewport && size < 40 ? 32 : size,
|
|
70
70
|
"data-testid": "status-icon",
|
|
71
|
-
className: clsx.clsx('status-circle',
|
|
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
|
|
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 =
|
|
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
|
|
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',
|
|
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
|