@ui5/webcomponents 0.0.0-11d529e8a → 0.0.0-1e08ebdef

package/src/i18n/messagebundle_fr.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Mode sélection multiple
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Sélection d'élément
 
+ARIA_LABEL_LIST_SELECTABLE=Contient des éléments sélectionnables.
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Contient des éléments pour sélection multiple.
+
+ARIA_LABEL_LIST_DELETABLE=Contient des éléments supprimables.
+
 MESSAGE_STRIP_CLOSE_BUTTON=Fermer barre de message
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_fr_CA.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Mode de sélection multiple
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Sélection d'élément
 
+ARIA_LABEL_LIST_SELECTABLE=Contient des éléments sélectionnables
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Contient des éléments pour sélection multiple
+
+ARIA_LABEL_LIST_DELETABLE=Contient des éléments supprimables
+
 MESSAGE_STRIP_CLOSE_BUTTON=Fermer la barre de message
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_hi.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=एकाधिक चयन मोड
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=आइटम चयन.
 
+ARIA_LABEL_LIST_SELECTABLE=चयन करनेयोग्य आइटम
+
+ARIA_LABEL_LIST_MULTISELECTABLE=एकल-चयनयोग्य आइटम शामिल होता है
+
+ARIA_LABEL_LIST_DELETABLE=हटानेयोग्य आइटम शामिल होता है
+
 MESSAGE_STRIP_CLOSE_BUTTON=संदेश पट्टी बंद करें
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=ठीक

package/src/i18n/messagebundle_hr.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Mod višestrukog odabira
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Odabir stavke.
 
+ARIA_LABEL_LIST_SELECTABLE=Sadrži stavke s mogućnošću odabira
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Sadrži stavke s mogućnošću višestrukog odabira
+
+ARIA_LABEL_LIST_DELETABLE=Sadrži izbrisive stavke
+
 MESSAGE_STRIP_CLOSE_BUTTON=Zatvaranje trake statusa
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_hu.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Többszörös kiválasztási mód
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Elem kiválasztása.
 
+ARIA_LABEL_LIST_SELECTABLE=Kiválasztható elemeket tartalmaz
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Többszörösen kiválasztható elemeket tartalmaz
+
+ARIA_LABEL_LIST_DELETABLE=Törölhető elemeket tartalmaz
+
 MESSAGE_STRIP_CLOSE_BUTTON=Üzenetsáv bezárása
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_id.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Mode Banyak Pilihan
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Pilihan Item.
 
+ARIA_LABEL_LIST_SELECTABLE=Berisi Item yang Dapat Dipilih
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Berisi Item yang Dapat Dipilih Banyak
+
+ARIA_LABEL_LIST_DELETABLE=Berisi Item yang Dapat Dihapus
+
 MESSAGE_STRIP_CLOSE_BUTTON=Strip Pesan Tutup
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OKE

package/src/i18n/messagebundle_it.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Modalità di selezione multipla
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Selezione posizioni.
 
+ARIA_LABEL_LIST_SELECTABLE=Contiene elementi selezionabili
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Contiene elementi per selezione multipla
+
+ARIA_LABEL_LIST_DELETABLE=Contiene elementi cancellabili
+
 MESSAGE_STRIP_CLOSE_BUTTON=Riga messaggio per chiusura
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_iw.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=מצב בחירה מרובה
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=בחירת פריט.
 
+ARIA_LABEL_LIST_SELECTABLE=מכיל פריטים ניתנים לבחירה
+
+ARIA_LABEL_LIST_MULTISELECTABLE=מכיל פריטים שניתנים לבחירות מרובות
+
+ARIA_LABEL_LIST_DELETABLE=מכיל פריטים ניתנים למחיקה
+
 MESSAGE_STRIP_CLOSE_BUTTON=סגירת רצועת הודעות
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_ja.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=複数選択モード
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=アイテム選択。
 
+ARIA_LABEL_LIST_SELECTABLE=選択可能なアイテムを含む
+
+ARIA_LABEL_LIST_MULTISELECTABLE=複数選択可能なアイテムを含む
+
+ARIA_LABEL_LIST_DELETABLE=削除可能なアイテムを含む
+
 MESSAGE_STRIP_CLOSE_BUTTON=メッセージストリップ "閉じる"
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_kk.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Көптік таңдау режимі
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Тармақты таңдау.
 
+ARIA_LABEL_LIST_SELECTABLE=Таңдалатын элементтерді қамтиды
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Бірнеше рет таңдалатын элементтерді қамтиды
+
+ARIA_LABEL_LIST_DELETABLE=Жойылатын элементтерді қамтиды
+
 MESSAGE_STRIP_CLOSE_BUTTON=Күй хабарының жолын жабу
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_ko.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=복수 선택 모드
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=항목 선택
 
+ARIA_LABEL_LIST_SELECTABLE=선택 가능 항목 포함
+
+ARIA_LABEL_LIST_MULTISELECTABLE=복수 선택 가능 항목 포함
+
+ARIA_LABEL_LIST_DELETABLE=삭제 가능 항목 포함
+
 MESSAGE_STRIP_CLOSE_BUTTON=메시지 스트립 닫기
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=확인

package/src/i18n/messagebundle_lt.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Daugkartinio pasirinkimo režimas
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Elemento pasirinkimas
 
+ARIA_LABEL_LIST_SELECTABLE=Turi pasirenkamų pozicijų
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Turi kelias pasirenkamas pozicijas
+
+ARIA_LABEL_LIST_DELETABLE=Turi naikinamų pozicijų
+
 MESSAGE_STRIP_CLOSE_BUTTON=Pranešimo juostos uždarymas
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=Gerai

package/src/i18n/messagebundle_lv.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Vairākatlases režīms
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Pozīcijas atlase.
 
+ARIA_LABEL_LIST_SELECTABLE=Satur atlasāmas pozīcijas
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Satur vairākkārt atlasāmas pozīcijas
+
+ARIA_LABEL_LIST_DELETABLE=Satur dzēšamas pozīcijas
+
 MESSAGE_STRIP_CLOSE_BUTTON=Ziņojumu joslas slēgšana
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=Labi

package/src/i18n/messagebundle_ms.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Pelbagai Mod Pemilihan
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Pemilihan Item.
 
+ARIA_LABEL_LIST_SELECTABLE=Mengandungi Item Boleh Dipilih
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Mengandungi Item Boleh Dipilih Berbilang
+
+ARIA_LABEL_LIST_DELETABLE=Mengandungi Item Boleh Dipadam
+
 MESSAGE_STRIP_CLOSE_BUTTON=Penutupan Jalur Mesej
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_nl.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Modus meervoudige selectie
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Elementselectie.
 
+ARIA_LABEL_LIST_SELECTABLE=Bevat selecteerbare elementen
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Bevat elementen voor meervoudig selecteren
+
+ARIA_LABEL_LIST_DELETABLE=Bevat verwijderbare elementen
+
 MESSAGE_STRIP_CLOSE_BUTTON=Statusbalk voor sluiten
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_no.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Modus for flervalg
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Elementutvalg
 
+ARIA_LABEL_LIST_SELECTABLE=Inneholder elementer som kan velges
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Inneholder elementer for flervalg
+
+ARIA_LABEL_LIST_DELETABLE=Inneholder elementer som kan slettes
+
 MESSAGE_STRIP_CLOSE_BUTTON=Lukking av meldingslinje
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_pl.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Tryb wielokrotnego wyboru
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Wybór pozycji
 
+ARIA_LABEL_LIST_SELECTABLE=Zawiera elementy możliwe do wyboru
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Zawiera elementy do wyboru wielokrotnego
+
+ARIA_LABEL_LIST_DELETABLE=Zawiera elementy możliwe do usunięcia
+
 MESSAGE_STRIP_CLOSE_BUTTON=Zamknij pasek wiadomości
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_pt.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Modo de seleção múltipla
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Seleção de itens.
 
+ARIA_LABEL_LIST_SELECTABLE=Contém itens selecionáveis
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Contém itens de seleção múltipla
+
+ARIA_LABEL_LIST_DELETABLE=Contém itens elimináveis
+
 MESSAGE_STRIP_CLOSE_BUTTON=Linha de mensagem para encerramento
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_pt_PT.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Modo de seleção múltipla
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Seleção de item.
 
+ARIA_LABEL_LIST_SELECTABLE=Contém itens selecionáveis
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Contém itens de seleção múltipla
+
+ARIA_LABEL_LIST_DELETABLE=Contém itens elimináveis
+
 MESSAGE_STRIP_CLOSE_BUTTON=Fecho de faixa de mensagem
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_ro.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Mod selecție multiplă
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Selecție de poziții.
 
+ARIA_LABEL_LIST_SELECTABLE=Conține poziţii selectabile
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Conține poziţii pt.selecţie multiplă
+
+ARIA_LABEL_LIST_DELETABLE=Conține poziţii care pot fi şterse
+
 MESSAGE_STRIP_CLOSE_BUTTON=Închidere linie de mesaj
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_ru.properties

@@ -97,7 +97,13 @@ LIST_ITEM_NOT_SELECTED=Не выбрано
 
 ARIA_LABEL_LIST_ITEM_CHECKBOX=Режим множественного выбора
 
-ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Выбор элемента
+ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Выбор позиции
+
+ARIA_LABEL_LIST_SELECTABLE=Содержит позиции с возможностью выбора
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Содержит позиции с возможностью множественного выбора
+
+ARIA_LABEL_LIST_DELETABLE=Содержит позиции с возможностью удаления
 
 MESSAGE_STRIP_CLOSE_BUTTON=Строка сообщения для статуса Закрыто
 

package/src/i18n/messagebundle_sh.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Način višestrukog odabira
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Odabir stavke.
 
+ARIA_LABEL_LIST_SELECTABLE=Sadrži stavke koje se mogu odabrati
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Sadrži stavke s mogućnošću višestrukog odabira
+
+ARIA_LABEL_LIST_DELETABLE=Sadrži stavke koje se mogu izbrisati
+
 MESSAGE_STRIP_CLOSE_BUTTON=Statusna traka - zatvori
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_sk.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Režim viacnásobného výberu
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Výber položky
 
+ARIA_LABEL_LIST_SELECTABLE=Obsahuje prvky s možnosťou výberu
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Obsahuje prvky na viacnásobný výber
+
+ARIA_LABEL_LIST_DELETABLE=Obsahuje vymazateľné prvky
+
 MESSAGE_STRIP_CLOSE_BUTTON=Riadok správy pre zavretie
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_sl.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Modus večkratne izbire
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Izberi postavko.
 
+ARIA_LABEL_LIST_SELECTABLE=Vsebuje postavke z možnostjo izbire
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Vsebuje postavke z možnostjo večkratne izbire
+
+ARIA_LABEL_LIST_DELETABLE=Vsebuje postavke z možnostjo brisanja
+
 MESSAGE_STRIP_CLOSE_BUTTON=Zapiranje traku s sporočili
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=V redu

package/src/i18n/messagebundle_sv.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Flervalsläge
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Positionsurval.
 
+ARIA_LABEL_LIST_SELECTABLE=Innehåller valbara element
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Innehåller flervalselement
+
+ARIA_LABEL_LIST_DELETABLE=Innehåller raderbara element
+
 MESSAGE_STRIP_CLOSE_BUTTON=Stäng meddelanderad
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_th.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=โหมดการเลือกหลาย
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=การเลือกรายการ
 
+ARIA_LABEL_LIST_SELECTABLE=มีรายการที่เลือกได้
+
+ARIA_LABEL_LIST_MULTISELECTABLE=มีรายการที่สามารถเลือกได้หลายรายการ
+
+ARIA_LABEL_LIST_DELETABLE=มีรายการที่สามารถลบได้
+
 MESSAGE_STRIP_CLOSE_BUTTON=ปิดแถบข้อความ
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=ตกลง

package/src/i18n/messagebundle_tr.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Çoklu seçim kipi
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Öğe seçimi.
 
+ARIA_LABEL_LIST_SELECTABLE=Seçilebilir öğeler içeriyor
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Çoklu seçilebilir öğeler içeriyor
+
+ARIA_LABEL_LIST_DELETABLE=Silinebilir öğeler içeriyor
+
 MESSAGE_STRIP_CLOSE_BUTTON=Kapatma için ileti satırı
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=Tamam

package/src/i18n/messagebundle_uk.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Режим множинного вибору
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Вибір позиції.
 
+ARIA_LABEL_LIST_SELECTABLE=Містить позиції з можливістю вибору
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Містить позиції з можливістю множинного вибору
+
+ARIA_LABEL_LIST_DELETABLE=Містить позиції з можливістю видалення
+
 MESSAGE_STRIP_CLOSE_BUTTON=Закриття рядка повідомлень
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_vi.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=Chế độ đa lựa chọn
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Lựa chọn mục.
 
+ARIA_LABEL_LIST_SELECTABLE=Chứa mục có thể chọn
+
+ARIA_LABEL_LIST_MULTISELECTABLE=Chứa mục có đa lựa chọn
+
+ARIA_LABEL_LIST_DELETABLE=Chứa mục có thể xóa
+
 MESSAGE_STRIP_CLOSE_BUTTON=Đóng dải thông báo
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK

package/src/i18n/messagebundle_zh_CN.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=多重选择模式
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=项目选择。
 
+ARIA_LABEL_LIST_SELECTABLE=包含可选择的项目
+
+ARIA_LABEL_LIST_MULTISELECTABLE=包含可多重选择的项目
+
+ARIA_LABEL_LIST_DELETABLE=包含可删除的项目
+
 MESSAGE_STRIP_CLOSE_BUTTON=消息条关闭
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=确定

package/src/i18n/messagebundle_zh_TW.properties

@@ -99,6 +99,12 @@ ARIA_LABEL_LIST_ITEM_CHECKBOX=多重選擇模式
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=項目選擇。
 
+ARIA_LABEL_LIST_SELECTABLE=包含可選擇的項目
+
+ARIA_LABEL_LIST_MULTISELECTABLE=包含可多重選擇的項目
+
+ARIA_LABEL_LIST_DELETABLE=包含可刪除的項目
+
 MESSAGE_STRIP_CLOSE_BUTTON=訊息列關閉
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=確定

package/src/themes/Avatar.css

@@ -0,0 +1,227 @@
+:host(:not([hidden])) {
+	display: inline-block;
+	box-sizing: border-box;
+}
+
+/*The ui5_hovered class is set by FileUploader to indicate hover state of the control*/
+:host(:not([hidden]).ui5_hovered) {
+	opacity: .7;
+}
+
+:host([focused]) {
+	outline: var(--_ui5_avatar_outline);
+	outline-offset: var(--_ui5_avatar_focus_offset);
+}
+
+:host([interactive]) {
+	cursor: pointer;
+}
+
+:host {
+	height: 3rem;
+	width: 3rem;
+	border-radius: 50%;
+	border: var(--ui5-avatar-initials-border);
+	outline: none;
+	color: var(--ui5-avatar-initials-color);
+}
+
+/* Shapes */
+:host([shape="Square"]),
+:host([shape="Square"]) ::slotted(*){
+	border-radius: .25rem;
+}
+
+:host([shape="Square"]) .ui5-avatar-root {
+	border-radius: inherit;
+}
+
+:host([shape="Square"]) .ui5-avatar-img {
+	border-radius: inherit;
+}
+
+/* Sizes */
+
+:host([_size="XS"]),
+:host([size="XS"]) {
+	height: 2rem;
+	width: 2rem;
+	min-height: 2rem;
+	min-width: 2rem;
+	font-size: var(--_ui5_avatar_fontsize_XS);
+}
+
+:host([_size="S"]),
+:host([size="S"]) {
+	min-height: 3rem;
+	min-width: 3rem;
+	font-size: var(--_ui5_avatar_fontsize_S);
+}
+
+:host([_size="M"]),
+:host([size="M"]) {
+	min-height: 4rem;
+	min-width: 4rem;
+	font-size: var(--_ui5_avatar_fontsize_M);
+}
+
+:host([_size="L"]),
+:host([size="L"]) {
+	min-height: 5rem;
+	min-width: 5rem;
+	font-size: var(--_ui5_avatar_fontsize_L);
+}
+
+:host([_size="XL"]),
+:host([size="XL"]) {
+	min-height: 7rem;
+	min-width: 7rem;
+	font-size: var(--_ui5_avatar_fontsize_XL);
+}
+
+/* Icon */
+:host .ui5-avatar-icon {
+	height: 1.5rem;
+	width: 1.5rem;
+	color: inherit;
+}
+
+:host([_size="XS"]) .ui5-avatar-icon,
+:host([size="XS"]) .ui5-avatar-icon {
+	height: 1rem;
+	width: 1rem;
+}
+
+:host([_size="S"]) .ui5-avatar-icon,
+:host([size="S"]) .ui5-avatar-icon {
+	height: 1.5rem;
+	width: 1.5rem;
+}
+
+:host([_size="M"]) .ui5-avatar-icon,
+:host([size="M"]) .ui5-avatar-icon {
+	height: 2rem;
+	width: 2rem;
+}
+
+:host([_size="L"]) .ui5-avatar-icon,
+:host([size="L"]) .ui5-avatar-icon {
+	height: 2.5rem;
+	width: 2.5rem;
+}
+
+:host([_size="XL"]) .ui5-avatar-icon,
+:host([size="XL"]) .ui5-avatar-icon {
+	height: 3rem;
+	width: 3rem;
+}
+
+::slotted(*) {
+	border-radius: 50%;
+    width: 100%;
+    height: 100%;
+}
+
+:host(:not([color-scheme])),
+:host(:not([_has-image])),
+:host([_color-scheme="Accent6"]),
+:host([color-scheme="Accent6"]) {
+	background-color: var(--ui5-avatar-accent6);
+	color: var(--ui5-avatar-accent6-color);
+}
+
+:host([_color-scheme="Accent1"]),
+:host([color-scheme="Accent1"]) {
+	background-color: var(--ui5-avatar-accent1);
+	color: var(--ui5-avatar-accent1-color);
+}
+
+:host([_color-scheme="Accent2"]),
+:host([color-scheme="Accent2"]) {
+	background-color: var(--ui5-avatar-accent2);
+	color: var(--ui5-avatar-accent2-color);
+}
+
+:host([_color-scheme="Accent3"]),
+:host([color-scheme="Accent3"]) {
+	background-color: var(--ui5-avatar-accent3);
+	color: var(--ui5-avatar-accent3-color);
+}
+
+:host([_color-scheme="Accent4"]),
+:host([color-scheme="Accent4"]) {
+	background-color: var(--ui5-avatar-accent4);
+	color: var(--ui5-avatar-accent4-color);
+}
+
+:host([_color-scheme="Accent5"]),
+:host([color-scheme="Accent5"]) {
+	background-color: var(--ui5-avatar-accent5);
+	color: var(--ui5-avatar-accent5-color);
+}
+
+:host([_color-scheme="Accent7"]),
+:host([color-scheme="Accent7"]) {
+	background-color: var(--ui5-avatar-accent7);
+	color: var(--ui5-avatar-accent7-color);
+}
+
+:host([_color-scheme="Accent8"]),
+:host([color-scheme="Accent8"]) {
+	background-color: var(--ui5-avatar-accent8);
+	color: var(--ui5-avatar-accent8-color);
+}
+
+:host([_color-scheme="Accent9"]),
+:host([color-scheme="Accent9"]) {
+	background-color: var(--ui5-avatar-accent9);
+	color: var(--ui5-avatar-accent9-color);
+}
+
+:host([_color-scheme="Accent10"]),
+:host([color-scheme="Accent10"]) {
+	background-color: var(--ui5-avatar-accent10);
+	color: var(--ui5-avatar-accent10-color);
+}
+
+:host([_color-scheme="Placeholder"]),
+:host([color-scheme="Placeholder"]) {
+	background-color: var(--ui5-avatar-placeholder);
+	color: var(--ui5-avatar-placeholder-color);
+}
+
+:host([_has-image]) {
+	background-color: transparent;
+}
+
+:host([image-fit-type="Contain"]) .ui5-avatar-img {
+	background-size: contain;
+}
+
+.ui5-avatar-root {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	outline: none;
+}
+
+.ui5-avatar-root,
+.ui5-avatar-img {
+	height: 100%;
+	width: 100%;
+	border-radius: 50%;
+}
+
+.ui5-avatar-img {
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: cover;
+}
+
+.ui5-avatar-initials {
+	color: inherit;
+}
+
+::slotted(*) {
+	pointer-events: none;
+}