@transferwise/components 0.0.0-experimental-19e45da → 0.0.0-experimental-92768e9

package/build/i18n/it.json.js

@@ -25,8 +25,6 @@ var it = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Seleziona un'opzione...",
 	"neptune.Select.searchPlaceholder": "Cerca...",
 	"neptune.SelectInput.noResultsFound": "Nessun risultato trovato",
-	"neptune.SelectOption.action.label": "Scegli",
-	"neptune.SelectOption.selected.action.label": "Modifica l'opzione scelta",
 	"neptune.Summary.statusDone": "Completato",
 	"neptune.Summary.statusNotDone": "Da completare",
 	"neptune.Summary.statusPending": "In corso",

package/build/i18n/it.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"it.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"it.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/it.json.mjs

@@ -23,8 +23,6 @@ var it = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Seleziona un'opzione...",
 	"neptune.Select.searchPlaceholder": "Cerca...",
 	"neptune.SelectInput.noResultsFound": "Nessun risultato trovato",
-	"neptune.SelectOption.action.label": "Scegli",
-	"neptune.SelectOption.selected.action.label": "Modifica l'opzione scelta",
 	"neptune.Summary.statusDone": "Completato",
 	"neptune.Summary.statusNotDone": "Da completare",
 	"neptune.Summary.statusPending": "In corso",

package/build/i18n/it.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"it.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"it.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ja.json

@@ -23,8 +23,6 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "選択してください…",
   "neptune.Select.searchPlaceholder": "検索する... ",
   "neptune.SelectInput.noResultsFound": "結果が見つかりませんでした",
-  "neptune.SelectOption.action.label": "選択してください",
-  "neptune.SelectOption.selected.action.label": "選択したオプションを変更する",
   "neptune.Summary.statusDone": "完了",
   "neptune.Summary.statusNotDone": "未完了",
   "neptune.Summary.statusPending": "保留中",

package/build/i18n/ja.json.js

@@ -25,8 +25,6 @@ var ja = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "選択してください…",
 	"neptune.Select.searchPlaceholder": "検索する... ",
 	"neptune.SelectInput.noResultsFound": "結果が見つかりませんでした",
-	"neptune.SelectOption.action.label": "選択してください",
-	"neptune.SelectOption.selected.action.label": "選択したオプションを変更する",
 	"neptune.Summary.statusDone": "完了",
 	"neptune.Summary.statusNotDone": "未完了",
 	"neptune.Summary.statusPending": "保留中",

package/build/i18n/ja.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"ja.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ja.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ja.json.mjs

@@ -23,8 +23,6 @@ var ja = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "選択してください…",
 	"neptune.Select.searchPlaceholder": "検索する... ",
 	"neptune.SelectInput.noResultsFound": "結果が見つかりませんでした",
-	"neptune.SelectOption.action.label": "選択してください",
-	"neptune.SelectOption.selected.action.label": "選択したオプションを変更する",
 	"neptune.Summary.statusDone": "完了",
 	"neptune.Summary.statusNotDone": "未完了",
 	"neptune.Summary.statusPending": "保留中",

package/build/i18n/ja.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ja.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ja.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/pl.json

@@ -23,8 +23,6 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Wybierz opcję...",
   "neptune.Select.searchPlaceholder": "Wyszukaj...",
   "neptune.SelectInput.noResultsFound": "Nie znaleziono wyników",
-  "neptune.SelectOption.action.label": "Wybierz",
-  "neptune.SelectOption.selected.action.label": "Zmień wybraną opcję",
   "neptune.Summary.statusDone": "Czynność wykonana",
   "neptune.Summary.statusNotDone": "Czynność do wykonania",
   "neptune.Summary.statusPending": "Czynność oczekująca",

package/build/i18n/pl.json.js

@@ -25,8 +25,6 @@ var pl = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Wybierz opcję...",
 	"neptune.Select.searchPlaceholder": "Wyszukaj...",
 	"neptune.SelectInput.noResultsFound": "Nie znaleziono wyników",
-	"neptune.SelectOption.action.label": "Wybierz",
-	"neptune.SelectOption.selected.action.label": "Zmień wybraną opcję",
 	"neptune.Summary.statusDone": "Czynność wykonana",
 	"neptune.Summary.statusNotDone": "Czynność do wykonania",
 	"neptune.Summary.statusPending": "Czynność oczekująca",

package/build/i18n/pl.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"pl.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pl.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/pl.json.mjs

@@ -23,8 +23,6 @@ var pl = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Wybierz opcję...",
 	"neptune.Select.searchPlaceholder": "Wyszukaj...",
 	"neptune.SelectInput.noResultsFound": "Nie znaleziono wyników",
-	"neptune.SelectOption.action.label": "Wybierz",
-	"neptune.SelectOption.selected.action.label": "Zmień wybraną opcję",
 	"neptune.Summary.statusDone": "Czynność wykonana",
 	"neptune.Summary.statusNotDone": "Czynność do wykonania",
 	"neptune.Summary.statusPending": "Czynność oczekująca",

package/build/i18n/pl.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pl.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"pl.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ro.json

@@ -23,8 +23,6 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Selectează o opțiune...",
   "neptune.Select.searchPlaceholder": "Caută...",
   "neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
-  "neptune.SelectOption.action.label": "Alege",
-  "neptune.SelectOption.selected.action.label": "Schimbă opțiunea aleasă",
   "neptune.Summary.statusDone": "Finalizat",
   "neptune.Summary.statusNotDone": "De făcut",
   "neptune.Summary.statusPending": "În așteptare",

package/build/i18n/ro.json.js

@@ -25,8 +25,6 @@ var ro = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Selectează o opțiune...",
 	"neptune.Select.searchPlaceholder": "Caută...",
 	"neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
-	"neptune.SelectOption.action.label": "Alege",
-	"neptune.SelectOption.selected.action.label": "Schimbă opțiunea aleasă",
 	"neptune.Summary.statusDone": "Finalizat",
 	"neptune.Summary.statusNotDone": "De făcut",
 	"neptune.Summary.statusPending": "În așteptare",

package/build/i18n/ro.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"ro.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ro.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ro.json.mjs

@@ -23,8 +23,6 @@ var ro = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Selectează o opțiune...",
 	"neptune.Select.searchPlaceholder": "Caută...",
 	"neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
-	"neptune.SelectOption.action.label": "Alege",
-	"neptune.SelectOption.selected.action.label": "Schimbă opțiunea aleasă",
 	"neptune.Summary.statusDone": "Finalizat",
 	"neptune.Summary.statusNotDone": "De făcut",
 	"neptune.Summary.statusPending": "În așteptare",

package/build/i18n/ro.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ro.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ro.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ru.json

@@ -23,8 +23,6 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Выберите вариант...",
   "neptune.Select.searchPlaceholder": "Поиск...",
   "neptune.SelectInput.noResultsFound": "Ничего не найдено",
-  "neptune.SelectOption.action.label": "Выбрать",
-  "neptune.SelectOption.selected.action.label": "Изменить выбранный вариант",
   "neptune.Summary.statusDone": "Этап завершен",
   "neptune.Summary.statusNotDone": "Этап к выполнению",
   "neptune.Summary.statusPending": "Этап в процессе",

package/build/i18n/ru.json.js

@@ -25,8 +25,6 @@ var ru = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Выберите вариант...",
 	"neptune.Select.searchPlaceholder": "Поиск...",
 	"neptune.SelectInput.noResultsFound": "Ничего не найдено",
-	"neptune.SelectOption.action.label": "Выбрать",
-	"neptune.SelectOption.selected.action.label": "Изменить выбранный вариант",
 	"neptune.Summary.statusDone": "Этап завершен",
 	"neptune.Summary.statusNotDone": "Этап к выполнению",
 	"neptune.Summary.statusPending": "Этап в процессе",

package/build/i18n/ru.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/ru.json.mjs

@@ -23,8 +23,6 @@ var ru = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Выберите вариант...",
 	"neptune.Select.searchPlaceholder": "Поиск...",
 	"neptune.SelectInput.noResultsFound": "Ничего не найдено",
-	"neptune.SelectOption.action.label": "Выбрать",
-	"neptune.SelectOption.selected.action.label": "Изменить выбранный вариант",
 	"neptune.Summary.statusDone": "Этап завершен",
 	"neptune.Summary.statusNotDone": "Этап к выполнению",
 	"neptune.Summary.statusPending": "Этап в процессе",

package/build/i18n/ru.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ru.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ru.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/th.json

@@ -23,8 +23,6 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
   "neptune.Select.searchPlaceholder": "ค้นหา...",
   "neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
-  "neptune.SelectOption.action.label": "เลือก",
-  "neptune.SelectOption.selected.action.label": "เปลี่ยนตัวเลือกที่เลือกไว้",
   "neptune.Summary.statusDone": "รายการที่ทำแล้ว",
   "neptune.Summary.statusNotDone": "รายการที่ต้องทำ",
   "neptune.Summary.statusPending": "รายการที่รอดำเนินการ",

package/build/i18n/th.json.js

@@ -25,8 +25,6 @@ var th = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
 	"neptune.Select.searchPlaceholder": "ค้นหา...",
 	"neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
-	"neptune.SelectOption.action.label": "เลือก",
-	"neptune.SelectOption.selected.action.label": "เปลี่ยนตัวเลือกที่เลือกไว้",
 	"neptune.Summary.statusDone": "รายการที่ทำแล้ว",
 	"neptune.Summary.statusNotDone": "รายการที่ต้องทำ",
 	"neptune.Summary.statusPending": "รายการที่รอดำเนินการ",

package/build/i18n/th.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"th.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"th.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/th.json.mjs

@@ -23,8 +23,6 @@ var th = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
 	"neptune.Select.searchPlaceholder": "ค้นหา...",
 	"neptune.SelectInput.noResultsFound": "ไม่พบผลลัพธ์",
-	"neptune.SelectOption.action.label": "เลือก",
-	"neptune.SelectOption.selected.action.label": "เปลี่ยนตัวเลือกที่เลือกไว้",
 	"neptune.Summary.statusDone": "รายการที่ทำแล้ว",
 	"neptune.Summary.statusNotDone": "รายการที่ต้องทำ",
 	"neptune.Summary.statusPending": "รายการที่รอดำเนินการ",

package/build/i18n/th.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"th.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"th.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/tr.json

@@ -23,8 +23,6 @@
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Bir seçenek seçin...",
   "neptune.Select.searchPlaceholder": "Ara...",
   "neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
-  "neptune.SelectOption.action.label": "Seç",
-  "neptune.SelectOption.selected.action.label": "Seçilen opsiyonu değiştir",
   "neptune.Summary.statusDone": "Tamamlanan aşama",
   "neptune.Summary.statusNotDone": "Yapılacak",
   "neptune.Summary.statusPending": "Bekliyor",

package/build/i18n/tr.json.js

@@ -25,8 +25,6 @@ var tr = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Bir seçenek seçin...",
 	"neptune.Select.searchPlaceholder": "Ara...",
 	"neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
-	"neptune.SelectOption.action.label": "Seç",
-	"neptune.SelectOption.selected.action.label": "Seçilen opsiyonu değiştir",
 	"neptune.Summary.statusDone": "Tamamlanan aşama",
 	"neptune.Summary.statusNotDone": "Yapılacak",
 	"neptune.Summary.statusPending": "Bekliyor",

package/build/i18n/tr.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"tr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/tr.json.mjs

@@ -23,8 +23,6 @@ var tr = {
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "Bir seçenek seçin...",
 	"neptune.Select.searchPlaceholder": "Ara...",
 	"neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
-	"neptune.SelectOption.action.label": "Seç",
-	"neptune.SelectOption.selected.action.label": "Seçilen opsiyonu değiştir",
 	"neptune.Summary.statusDone": "Tamamlanan aşama",
 	"neptune.Summary.statusNotDone": "Yapılacak",
 	"neptune.Summary.statusPending": "Bekliyor",

package/build/i18n/tr.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/types/avatar/Avatar.d.ts

@@ -12,6 +12,7 @@ export interface AvatarProps {
     size?: AvatarSize;
     theme?: AvatarTheme;
     type?: AvatarType;
+    'aria-label'?: string;
 }
 declare const Avatar: React.FC<AvatarProps>;
 export default Avatar;

package/build/types/avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/avatar/Avatar.tsx"],"names":[],"mappings":"AAOA,KAAK,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEhD,KAAK,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAkBD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/avatar/Avatar.tsx"],"names":[],"mappings":"AAOA,KAAK,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEhD,KAAK,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAkBD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/types/avatarWrapper/AvatarWrapper.d.ts

@@ -3,6 +3,7 @@ import { BadgeProps } from '../badge';
 import { ProfileTypePersonal, ProfileTypeBusiness, Sentiment } from '../common';
 export type AvatarWrapperProps = {
     url?: string;
+    'aria-label'?: string;
     profileType?: ProfileTypeBusiness | ProfileTypePersonal;
     profileId?: string;
     name?: string;
@@ -21,6 +22,6 @@ export type AvatarWrapperProps = {
     badgeAltText?: never;
     badgeStatusIcon?: never;
 });
-declare const AvatarWrapper: ({ url, profileType, profileId, badgeUrl, badgeAltText, badgeStatusIcon, name, avatarProps, badgeProps, }: AvatarWrapperProps) => import("react").JSX.Element;
+declare const AvatarWrapper: ({ url, "aria-label": ariaLabel, profileType, profileId, badgeUrl, badgeAltText, badgeStatusIcon, name, avatarProps, badgeProps, }: AvatarWrapperProps) => import("react").JSX.Element;
 export default AvatarWrapper;
 //# sourceMappingURL=AvatarWrapper.d.ts.map

package/build/types/avatarWrapper/AvatarWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarWrapper.d.ts","sourceRoot":"","sources":["../../../src/avatarWrapper/AvatarWrapper.tsx"],"names":[],"mappings":"AAGA,OAAe,EAAE,WAAW,EAAc,MAAM,WAAW,CAAC;AAC5D,OAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAe,mBAAmB,EAAE,mBAAmB,EAAQ,SAAS,EAAE,MAAM,WAAW,CAAC;AA2BnG,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CACA;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,eAAe,EAAE,SAAS,CAAC;CAC5B,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,CACJ,CAAC;AAEF,QAAA,MAAM,aAAa,6GAUhB,kBAAkB,gCA+CpB,CAAC;AAgBF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AvatarWrapper.d.ts","sourceRoot":"","sources":["../../../src/avatarWrapper/AvatarWrapper.tsx"],"names":[],"mappings":"AAGA,OAAe,EAAE,WAAW,EAAc,MAAM,WAAW,CAAC;AAC5D,OAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAe,mBAAmB,EAAE,mBAAmB,EAAQ,SAAS,EAAE,MAAM,WAAW,CAAC;AAuCnG,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CACA;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,eAAe,EAAE,SAAS,CAAC;CAC5B,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,CACJ,CAAC;AAEF,QAAA,MAAM,aAAa,sIAWhB,kBAAkB,gCAoDpB,CAAC;AAgBF,eAAe,aAAa,CAAC"}

package/build/types/badge/Badge.d.ts

@@ -5,7 +5,8 @@ export type BadgeProps = {
     children: ReactNode;
     size?: SizeSmall | SizeMedium | SizeLarge;
     border?: ThemeDark | ThemeLight;
+    'aria-label'?: string;
 } & CommonProps;
-declare const Badge: ({ badge, className, size, border, children, }: BadgeProps) => import("react").JSX.Element;
+declare const Badge: ({ badge, className, size, border, "aria-label": ariaLabel, children, }: BadgeProps) => import("react").JSX.Element;
 export default Badge;
 //# sourceMappingURL=Badge.d.ts.map

package/build/types/badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAGL,SAAS,EACT,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACZ,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CACjC,GAAG,WAAW,CAAC;AAEhB,QAAA,MAAM,KAAK,kDAMR,UAAU,gCAgBZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAGL,SAAS,EACT,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACZ,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,WAAW,CAAC;AAEhB,QAAA,MAAM,KAAK,2EAOR,UAAU,gCAgBZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-19e45da",
+  "version": "0.0.0-experimental-92768e9",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {

package/src/avatar/Avatar.spec.tsx

@@ -41,4 +41,14 @@ describe('Avatar', () => {
       expect(screen.getByText('JS')).toHaveStyle(`background-color: ${item.color.token}`);
     });
   });
+
+  it('adds aria-label to component if it is passed in', () => {
+    render(
+      <Avatar size={Size.MEDIUM} aria-label="Japanese flag avatar">
+        <img src="https://wise.com/web-art/assets/flags/jpy.svg" alt="" />
+      </Avatar>,
+    );
+
+    expect(screen.getByLabelText('Japanese flag avatar')).toBeInTheDocument();
+  });
 });

package/src/avatar/Avatar.tsx

@@ -24,6 +24,7 @@ export interface AvatarProps {
   size?: AvatarSize;
   theme?: AvatarTheme;
   type?: AvatarType;
+  'aria-label'?: string;
 }
 
 const backwardsCompatibleSize = (size: AvatarSize): NumericAvatarSize => {
@@ -51,6 +52,7 @@ const Avatar: React.FC<AvatarProps> = ({
   size: sizeFromProps = 48,
   theme = Theme.LIGHT,
   type = 'thumbnail',
+  'aria-label': ariaLabel,
 }) => {
   const backgroundColorFromSeed = useMemo<string | undefined>(
     () =>
@@ -69,6 +71,7 @@ const Avatar: React.FC<AvatarProps> = ({
         'tw-avatar--branded': Boolean(backgroundColorFromSeed),
         'np-text-title-body': type === 'initials',
       })}
+      aria-label={ariaLabel}
     >
       <div
         className="tw-avatar__content"

package/src/avatarWrapper/AvatarWrapper.spec.tsx

@@ -1,6 +1,5 @@
 import { BadgeProps } from '../badge';
-import { Sentiment } from '../common';
-import { Size, ProfileType } from '../common';
+import { Sentiment, Size, ProfileType } from '../common';
 import { render, screen } from '../test-utils';
 
 import AvatarWrapper from '.';
@@ -77,6 +76,12 @@ describe('FlowNavigationAvatar', () => {
 
           expect(container.firstChild).toMatchSnapshot();
         });
+
+        it('renders aria-label', () => {
+          render(<AvatarWrapper aria-label="test" />);
+
+          expect(screen.getByLabelText('test')).toBeInTheDocument();
+        });
       });
 
       describe('with a badge url passed', () => {
@@ -95,9 +100,15 @@ describe('FlowNavigationAvatar', () => {
 
       describe('with a badge status icon passed', () => {
         it('renders the badge', () => {
-          const { container } = render(<AvatarWrapper badgeStatusIcon={Sentiment.POSITIVE} />);
+          render(<AvatarWrapper badgeStatusIcon={Sentiment.POSITIVE} />);
 
-          expect(container.firstChild).toMatchSnapshot();
+          expect(screen.getByTestId('check-icon')).toBeInTheDocument();
+        });
+
+        it('renders aria-label', () => {
+          render(<AvatarWrapper badgeStatusIcon={Sentiment.POSITIVE} aria-label="test" />);
+
+          expect(screen.getByLabelText('test')).toBeInTheDocument();
         });
       });
     });

package/src/avatarWrapper/AvatarWrapper.story.tsx

@@ -37,6 +37,7 @@ export const All: Story = {
           <div>
             <AvatarWrapper
               url="https://wise.com/web-art/assets/flags/jpy.svg"
+              aria-label="Japanese flag avatar"
               profileType={ProfileType.BUSINESS}
               avatarProps={avatarProps}
             />
@@ -59,6 +60,7 @@ export const All: Story = {
             <AvatarWrapper
               badgeUrl={badgeUrl}
               badgeAltText="wise fast flag badge"
+              aria-label="Person avatar with wise fast flag badge"
               profileType={ProfileType.PERSONAL}
               avatarProps={avatarProps}
             />

package/src/avatarWrapper/AvatarWrapper.tsx

@@ -8,21 +8,33 @@ import StatusIcon from '../statusIcon/StatusIcon';
 
 interface OptionalBadgeProps extends Omit<BadgeProps, 'badge'> {
   url?: string;
+  ariaLabel?: string;
   altText?: string;
   statusIcon?: Sentiment;
 }
 
-const OptionalBadge = ({ url, altText, statusIcon, children, ...rest }: OptionalBadgeProps) => {
+const OptionalBadge = ({
+  url,
+  altText,
+  statusIcon,
+  children,
+  ariaLabel,
+  ...rest
+}: OptionalBadgeProps) => {
   if (url) {
     return (
-      <Badge badge={<img src={url} alt={altText} />} {...rest}>
+      <Badge aria-label={ariaLabel} badge={<img src={url} alt={altText} />} {...rest}>
         {children}
       </Badge>
     );
   }
   if (statusIcon) {
     return (
-      <Badge badge={<StatusIcon sentiment={statusIcon} size={Size.SMALL} />} {...rest}>
+      <Badge
+        aria-label={ariaLabel}
+        badge={<StatusIcon sentiment={statusIcon} size={Size.SMALL} />}
+        {...rest}
+      >
         {children}
       </Badge>
     );
@@ -32,6 +44,7 @@ const OptionalBadge = ({ url, altText, statusIcon, children, ...rest }: Optional
 
 export type AvatarWrapperProps = {
   url?: string;
+  'aria-label'?: string;
   profileType?: ProfileTypeBusiness | ProfileTypePersonal;
   profileId?: string;
   name?: string;
@@ -57,6 +70,7 @@ export type AvatarWrapperProps = {
 
 const AvatarWrapper = ({
   url,
+  'aria-label': ariaLabel,
   profileType,
   profileId,
   badgeUrl,
@@ -73,18 +87,22 @@ const AvatarWrapper = ({
   useEffect(() => setImageLoadError(false), [url]);
 
   const getAvatarProps = () => {
+    let updatedAvatarProps = avatarProps;
+    if (!badgeUrl && !badgeStatusIcon && ariaLabel) {
+      updatedAvatarProps = { ...updatedAvatarProps, 'aria-label': ariaLabel };
+    }
     if (url && !hasImageLoadError) {
       return {
         type: AvatarType.THUMBNAIL,
         children: <img src={url} alt="" onError={() => setImageLoadError(true)} />,
-        ...avatarProps,
+        ...updatedAvatarProps,
       };
     }
     if (profileType) {
       return {
         type: AvatarType.ICON,
         children: isBusinessProfile ? <BriefcaseIcon size="24" /> : <ProfileIcon size="24" />,
-        ...avatarProps,
+        ...updatedAvatarProps,
       };
     }
     if (name) {
@@ -92,19 +110,20 @@ const AvatarWrapper = ({
         type: AvatarType.INITIALS,
         children: <>{getInitials(name)}</>,
         backgroundColorSeed: profileId?.toString(),
-        ...avatarProps,
+        ...updatedAvatarProps,
       };
     }
     return {
       type: AvatarType.ICON,
       children: <ProfileIcon size="24" />,
-      ...avatarProps,
+      ...updatedAvatarProps,
     };
   };
 
   return (
     <OptionalBadge
       url={badgeUrl}
+      ariaLabel={ariaLabel}
       altText={badgeAltText}
       statusIcon={badgeStatusIcon}
       {...badgeProps}

package/src/avatarWrapper/__snapshots__/AvatarWrapper.spec.tsx.snap

@@ -73,70 +73,6 @@ exports[`FlowNavigationAvatar with a name AND profileType FlowNavigationAvatar w
 </div>
 `;
 
-exports[`FlowNavigationAvatar with a name AND profileType with a badge status icon passed renders the badge 1`] = `
-<div
-  class="tw-badge tw-badge-border-light tw-badge-sm"
->
-  <div
-    class="tw-badge__children"
-  >
-    <div
-      class="tw-avatar tw-avatar--48 tw-avatar--icon"
-    >
-      <div
-        class="tw-avatar__content"
-      >
-        <span
-          aria-hidden="true"
-          class="tw-icon tw-icon-person "
-          data-testid="person-icon"
-          role="presentation"
-        >
-          <svg
-            fill="currentColor"
-            focusable="false"
-            height="24"
-            viewBox="0 0 24 24"
-            width="24"
-          >
-            <path
-              d="M15.257 14.014A5.922 5.922 0 0 0 18 9c0-3.3-2.7-6-6-6S6 5.7 6 9c0 2.1 1.071 3.943 2.743 5.014-2.614 1.243-4.457 3.9-4.457 6.986H6c0-3.3 2.7-6 6-6s6 2.7 6 6h1.714c0-3.086-1.842-5.743-4.457-6.986ZM7.714 9A4.298 4.298 0 0 1 12 4.714 4.298 4.298 0 0 1 16.286 9 4.298 4.298 0 0 1 12 13.286 4.298 4.298 0 0 1 7.714 9Z"
-            />
-          </svg>
-        </span>
-      </div>
-    </div>
-  </div>
-  <div
-    class="tw-badge__content"
-  >
-    <span
-      class="status-circle status-circle-sm positive"
-      data-testid="status-icon"
-    >
-      <span
-        aria-hidden="true"
-        class="tw-icon tw-icon-check status-icon light"
-        data-testid="check-icon"
-        role="presentation"
-      >
-        <svg
-          fill="currentColor"
-          focusable="false"
-          height="16"
-          viewBox="0 0 24 24"
-          width="16"
-        >
-          <path
-            d="M20.143 6.427 9.557 16.97 4.2 11.57 3 12.77l5.957 6a.846.846 0 0 0 .6.257.846.846 0 0 0 .6-.257L21.343 7.627l-1.2-1.2Z"
-          />
-        </svg>
-      </span>
-    </span>
-  </div>
-</div>
-`;
-
 exports[`FlowNavigationAvatar with a name AND profileType with a badge url passed renders the badge 1`] = `
 <div
   class="tw-badge tw-badge-border-light tw-badge-lg"

package/src/badge/Badge.spec.tsx

@@ -33,4 +33,12 @@ describe('Badge', () => {
 
     expect(screen.getByText(childText).parentElement).toHaveClass('tw-badge__children');
   });
+
+  it('adds aria-label to badge if it is passed in', () => {
+    const ariaLabel = 'badge-aria-label';
+
+    renderBadge({ 'aria-label': ariaLabel });
+
+    expect(screen.getByLabelText(ariaLabel)).toBeInTheDocument();
+  });
 });