@ui5/webcomponents 2.5.0-rc.1 → 2.5.0-rc.3

package/src/i18n/messagebundle_cnr.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Sve stavke
 
 TOKENIZER_SHOW_ALL_ITEMS={0} stavke(i)
 
+TOKENIZER_CLEAR_ALL=Izbriši sve
+
 TREE_ITEM_ARIA_LABEL=Stavka stabla
 
 TREE_ITEM_EXPAND_NODE=Proširi čvor

package/src/i18n/messagebundle_cs.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Všechny položky
 
 TOKENIZER_SHOW_ALL_ITEMS={0} položky
 
+TOKENIZER_CLEAR_ALL=Výmaz všech
+
 TREE_ITEM_ARIA_LABEL=Prvek stromu
 
 TREE_ITEM_EXPAND_NODE=Rozbalit uzel

package/src/i18n/messagebundle_cy.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Pob eitem
 
 TOKENIZER_SHOW_ALL_ITEMS={0} Eitem
 
+TOKENIZER_CLEAR_ALL=Clirio Pob Un
+
 TREE_ITEM_ARIA_LABEL=Eitem Coeden
 
 TREE_ITEM_EXPAND_NODE=Ehangu Nodyn

package/src/i18n/messagebundle_da.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Alle elementer
 
 TOKENIZER_SHOW_ALL_ITEMS={0} elementer
 
+TOKENIZER_CLEAR_ALL=Nulstil alle
+
 TREE_ITEM_ARIA_LABEL=Træelement
 
 TREE_ITEM_EXPAND_NODE=Ekspander knude

package/src/i18n/messagebundle_de.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Alle Elemente
 
 TOKENIZER_SHOW_ALL_ITEMS={0} Elemente
 
+TOKENIZER_CLEAR_ALL=Alle löschen
+
 TREE_ITEM_ARIA_LABEL=Baumelement
 
 TREE_ITEM_EXPAND_NODE=Knoten expandieren

package/src/i18n/messagebundle_el.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Όλα τα στοιχεία
 
 TOKENIZER_SHOW_ALL_ITEMS={0} Είδη
 
+TOKENIZER_CLEAR_ALL=Εκκαθάριση Ολων
+
 TREE_ITEM_ARIA_LABEL=Αναλ.Γραμ.Δέντρου
 
 TREE_ITEM_EXPAND_NODE=Επέκταση Κόμβου

package/src/i18n/messagebundle_en_GB.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=All items
 
 TOKENIZER_SHOW_ALL_ITEMS={0} Items
 
+TOKENIZER_CLEAR_ALL=Clear All
+
 TREE_ITEM_ARIA_LABEL=Tree Item
 
 TREE_ITEM_EXPAND_NODE=Expand Node

package/src/i18n/messagebundle_en_US_saptrc.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=bn0YEn1E+sLzSCHk+3jGag_All items
 
 TOKENIZER_SHOW_ALL_ITEMS=516vV/mWdfVu9olV3JhrZA_{0} Items
 
+TOKENIZER_CLEAR_ALL=E5kwB9f60GvHRDcIYdEY9A_Clear All
+
 TREE_ITEM_ARIA_LABEL=EfdKcPq8l5pVMMqYgxkNpQ_Tree Item
 
 TREE_ITEM_EXPAND_NODE=ApvHBxS7YmQKM7e9vkCptA_Expand Node

package/src/i18n/messagebundle_es.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Todos los artículos
 
 TOKENIZER_SHOW_ALL_ITEMS={0} posiciones
 
+TOKENIZER_CLEAR_ALL=Borrar todo
+
 TREE_ITEM_ARIA_LABEL=Elemento de árbol
 
 TREE_ITEM_EXPAND_NODE=Desplegar nodo

package/src/i18n/messagebundle_es_MX.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Todos los elementos
 
 TOKENIZER_SHOW_ALL_ITEMS={0} elementos
 
+TOKENIZER_CLEAR_ALL=Borrar todo
+
 TREE_ITEM_ARIA_LABEL=Elemento de árbol
 
 TREE_ITEM_EXPAND_NODE=Expandir nodo

package/src/i18n/messagebundle_et.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Kõik üksused
 
 TOKENIZER_SHOW_ALL_ITEMS={0} üksust
 
+TOKENIZER_CLEAR_ALL=Tühjenda kõik
+
 TREE_ITEM_ARIA_LABEL=Puuelement
 
 TREE_ITEM_EXPAND_NODE=Laienda sõlme

package/src/i18n/messagebundle_fi.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Kaikki elementit
 
 TOKENIZER_SHOW_ALL_ITEMS={0} elementtiä
 
+TOKENIZER_CLEAR_ALL=Tyhjennä kaikki
+
 TREE_ITEM_ARIA_LABEL=Puuelementti
 
 TREE_ITEM_EXPAND_NODE=Laajenna solmu

package/src/i18n/messagebundle_fr.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Tous les éléments
 
 TOKENIZER_SHOW_ALL_ITEMS={0} éléments
 
+TOKENIZER_CLEAR_ALL=Effacer tout
+
 TREE_ITEM_ARIA_LABEL=Élément d''arborescence
 
 TREE_ITEM_EXPAND_NODE=Développer noeud

package/src/i18n/messagebundle_fr_CA.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Tous les éléments
 
 TOKENIZER_SHOW_ALL_ITEMS={0} éléments
 
+TOKENIZER_CLEAR_ALL=Réinitialiser tout
+
 TREE_ITEM_ARIA_LABEL=Élément d''arborescence
 
 TREE_ITEM_EXPAND_NODE=Développer le nœud

package/src/i18n/messagebundle_hi.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=सभी आइटम
 
 TOKENIZER_SHOW_ALL_ITEMS={0} आइटम
 
+TOKENIZER_CLEAR_ALL=सब साफ करें
+
 TREE_ITEM_ARIA_LABEL=ट्री आइटम
 
 TREE_ITEM_EXPAND_NODE=नोड विस्तृत करें

package/src/i18n/messagebundle_hr.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Sve stavke
 
 TOKENIZER_SHOW_ALL_ITEMS={0} stavki
 
+TOKENIZER_CLEAR_ALL=Očisti sve
+
 TREE_ITEM_ARIA_LABEL=Element stabla
 
 TREE_ITEM_EXPAND_NODE=Proširi čvor

package/src/i18n/messagebundle_hu.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Minden elem
 
 TOKENIZER_SHOW_ALL_ITEMS={0} elem
 
+TOKENIZER_CLEAR_ALL=Összes visszaállítása
+
 TREE_ITEM_ARIA_LABEL=Fastruktúra eleme
 
 TREE_ITEM_EXPAND_NODE=Csomópont kibontása

package/src/i18n/messagebundle_id.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Semua item
 
 TOKENIZER_SHOW_ALL_ITEMS={0} Item
 
+TOKENIZER_CLEAR_ALL=Hapus Semua
+
 TREE_ITEM_ARIA_LABEL=Item Pohon
 
 TREE_ITEM_EXPAND_NODE=Perluas Node

package/src/i18n/messagebundle_it.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Tutte le voci
 
 TOKENIZER_SHOW_ALL_ITEMS={0} voci
 
+TOKENIZER_CLEAR_ALL=Cancella tutto
+
 TREE_ITEM_ARIA_LABEL=Elemento albero
 
 TREE_ITEM_EXPAND_NODE=Esplodi nodo

package/src/i18n/messagebundle_iw.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=כל הפריטים
 
 TOKENIZER_SHOW_ALL_ITEMS={0} פריטים
 
+TOKENIZER_CLEAR_ALL=נקה הכול
+
 TREE_ITEM_ARIA_LABEL=פריט עץ
 
 TREE_ITEM_EXPAND_NODE=הרחב צומת

package/src/i18n/messagebundle_ja.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=すべてのアイテム
 
 TOKENIZER_SHOW_ALL_ITEMS={0} アイテム
 
+TOKENIZER_CLEAR_ALL=すべてクリア
+
 TREE_ITEM_ARIA_LABEL=ツリーアイテム
 
 TREE_ITEM_EXPAND_NODE=ノード展開

package/src/i18n/messagebundle_kk.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Барлық тармақтар
 
 TOKENIZER_SHOW_ALL_ITEMS={0} тармақ
 
+TOKENIZER_CLEAR_ALL=Барлығын тазарту
+
 TREE_ITEM_ARIA_LABEL=Тармақты құрылым элементі
 
 TREE_ITEM_EXPAND_NODE=Түйінді жаю

package/src/i18n/messagebundle_ko.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=모든 항목
 
 TOKENIZER_SHOW_ALL_ITEMS={0}개 항목
 
+TOKENIZER_CLEAR_ALL=모두 지우기
+
 TREE_ITEM_ARIA_LABEL=트리 항목
 
 TREE_ITEM_EXPAND_NODE=노드 펼치기

package/src/i18n/messagebundle_lt.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Visos pozicijos
 
 TOKENIZER_SHOW_ALL_ITEMS={0} pozicijos
 
+TOKENIZER_CLEAR_ALL=Valyti viską
+
 TREE_ITEM_ARIA_LABEL=Medžio pozicija
 
 TREE_ITEM_EXPAND_NODE=Išplėsti mazgą

package/src/i18n/messagebundle_lv.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Visi elementi
 
 TOKENIZER_SHOW_ALL_ITEMS={0} pozīcijas
 
+TOKENIZER_CLEAR_ALL=Notīrīt visus
+
 TREE_ITEM_ARIA_LABEL=Koka pozīcija
 
 TREE_ITEM_EXPAND_NODE=Izvērst mezglu

package/src/i18n/messagebundle_mk.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Сите ставки
 
 TOKENIZER_SHOW_ALL_ITEMS={0} ставки
 
+TOKENIZER_CLEAR_ALL=Исчисти ги сите
+
 TREE_ITEM_ARIA_LABEL=Ставка на дрвото
 
 TREE_ITEM_EXPAND_NODE=Прошири јазол

package/src/i18n/messagebundle_ms.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Semua item
 
 TOKENIZER_SHOW_ALL_ITEMS={0} Item
 
+TOKENIZER_CLEAR_ALL=Kosongkan Semua
+
 TREE_ITEM_ARIA_LABEL=Item Pepohon
 
 TREE_ITEM_EXPAND_NODE=Kembangkan Nod

package/src/i18n/messagebundle_nl.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Alle elementen
 
 TOKENIZER_SHOW_ALL_ITEMS={0} elementen
 
+TOKENIZER_CLEAR_ALL=Alles wissen
+
 TREE_ITEM_ARIA_LABEL=Structuurelement
 
 TREE_ITEM_EXPAND_NODE=Knooppunt weergeven

package/src/i18n/messagebundle_no.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Alle elementer
 
 TOKENIZER_SHOW_ALL_ITEMS={0} elementer
 
+TOKENIZER_CLEAR_ALL=Tøm alle
+
 TREE_ITEM_ARIA_LABEL=Treelement
 
 TREE_ITEM_EXPAND_NODE=Utvid knutepunkt

package/src/i18n/messagebundle_pl.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Wszystkie pozycje
 
 TOKENIZER_SHOW_ALL_ITEMS=Liczba pozycji: {0}
 
+TOKENIZER_CLEAR_ALL=Wyczyść wszystko
+
 TREE_ITEM_ARIA_LABEL=Element drzewa
 
 TREE_ITEM_EXPAND_NODE=Rozwiń węzeł

package/src/i18n/messagebundle_pt.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Todos os itens
 
 TOKENIZER_SHOW_ALL_ITEMS={0} itens
 
+TOKENIZER_CLEAR_ALL=Limpar tudo
+
 TREE_ITEM_ARIA_LABEL=Elemento da árvore
 
 TREE_ITEM_EXPAND_NODE=Expandir nó

package/src/i18n/messagebundle_pt_PT.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Todos os itens
 
 TOKENIZER_SHOW_ALL_ITEMS={0} itens
 
+TOKENIZER_CLEAR_ALL=Limpar tudo
+
 TREE_ITEM_ARIA_LABEL=Item de árvore
 
 TREE_ITEM_EXPAND_NODE=Expandir nó

package/src/i18n/messagebundle_ro.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Toate pozițiile
 
 TOKENIZER_SHOW_ALL_ITEMS={0} poziții
 
+TOKENIZER_CLEAR_ALL=Resetare tot
+
 TREE_ITEM_ARIA_LABEL=Element de arbore
 
 TREE_ITEM_EXPAND_NODE=Expandare nod

package/src/i18n/messagebundle_ru.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Все позиции
 
 TOKENIZER_SHOW_ALL_ITEMS={0} поз.
 
+TOKENIZER_CLEAR_ALL=Очистить все
+
 TREE_ITEM_ARIA_LABEL=Элемент дерева
 
 TREE_ITEM_EXPAND_NODE=Развернуть узел

package/src/i18n/messagebundle_sh.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Sve stavke
 
 TOKENIZER_SHOW_ALL_ITEMS={0} stavke(i)
 
+TOKENIZER_CLEAR_ALL=Izbriši sve
+
 TREE_ITEM_ARIA_LABEL=Stavka stabla
 
 TREE_ITEM_EXPAND_NODE=Proširi čvor

package/src/i18n/messagebundle_sk.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Všetky položky
 
 TOKENIZER_SHOW_ALL_ITEMS={0} prvkov
 
+TOKENIZER_CLEAR_ALL=Vymazať všetko
+
 TREE_ITEM_ARIA_LABEL=Prvok stromu
 
 TREE_ITEM_EXPAND_NODE=Rozbaliť uzol

package/src/i18n/messagebundle_sl.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Vsi elementi
 
 TOKENIZER_SHOW_ALL_ITEMS={0} elementov
 
+TOKENIZER_CLEAR_ALL=Počisti vse
+
 TREE_ITEM_ARIA_LABEL=Element drevesa
 
 TREE_ITEM_EXPAND_NODE=Razširitev vozlišča

package/src/i18n/messagebundle_sr.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Све ставке
 
 TOKENIZER_SHOW_ALL_ITEMS={0} ставке(и)
 
+TOKENIZER_CLEAR_ALL=Избриши све
+
 TREE_ITEM_ARIA_LABEL=Ставка стабла
 
 TREE_ITEM_EXPAND_NODE=Прошири чвор

package/src/i18n/messagebundle_sv.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Alla element
 
 TOKENIZER_SHOW_ALL_ITEMS={0} element
 
+TOKENIZER_CLEAR_ALL=Rensa alla
+
 TREE_ITEM_ARIA_LABEL=Trädelement
 
 TREE_ITEM_EXPAND_NODE=Expandera nod

package/src/i18n/messagebundle_th.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=ไอเท็มทั้งหมด
 
 TOKENIZER_SHOW_ALL_ITEMS={0} รายการ
 
+TOKENIZER_CLEAR_ALL=ล้างทั้งหมด
+
 TREE_ITEM_ARIA_LABEL=รายการทรี
 
 TREE_ITEM_EXPAND_NODE=ขยายโหนด

package/src/i18n/messagebundle_tr.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Tüm öğeler
 
 TOKENIZER_SHOW_ALL_ITEMS={0} öğe
 
+TOKENIZER_CLEAR_ALL=Tümünü temizle
+
 TREE_ITEM_ARIA_LABEL=Ağaç öğesi
 
 TREE_ITEM_EXPAND_NODE=Düğümü genişlet

package/src/i18n/messagebundle_uk.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Усі позиції
 
 TOKENIZER_SHOW_ALL_ITEMS={0} позицій
 
+TOKENIZER_CLEAR_ALL=Очистити все
+
 TREE_ITEM_ARIA_LABEL=Елемент дерева
 
 TREE_ITEM_EXPAND_NODE=Розгорнути вузол

package/src/i18n/messagebundle_vi.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=Tất cả các mục
 
 TOKENIZER_SHOW_ALL_ITEMS={0} mục
 
+TOKENIZER_CLEAR_ALL=Xóa tất cả
+
 TREE_ITEM_ARIA_LABEL=Mục cây
 
 TREE_ITEM_EXPAND_NODE=Mở rộng nút

package/src/i18n/messagebundle_zh_CN.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=所有项目
 
 TOKENIZER_SHOW_ALL_ITEMS={0} 个项目
 
+TOKENIZER_CLEAR_ALL=全部清除
+
 TREE_ITEM_ARIA_LABEL=树项目
 
 TREE_ITEM_EXPAND_NODE=展开节点

package/src/i18n/messagebundle_zh_TW.properties

@@ -296,6 +296,8 @@ TOKENIZER_POPOVER_REMOVE=所有項目
 
 TOKENIZER_SHOW_ALL_ITEMS={0} 個項目
 
+TOKENIZER_CLEAR_ALL=全部清除
+
 TREE_ITEM_ARIA_LABEL=樹狀結構項目
 
 TREE_ITEM_EXPAND_NODE=展開節點

package/src/themes/Form.css

@@ -1,5 +1,5 @@
 @import "./FormLayout.css";
-@import "./FormLabelSpan.css";
+@import "./FormItemSpan.css";
 
 :host {
 	display: block;

package/src/themes/FormItemSpan.css

@@ -0,0 +1,59 @@
+/* 
+* By default, 
+* - in M, L ans XL sizes the Form's labels take 4 cells out 12 of the whole width, e.g 4:8:0
+* - in S size, it  the Form's labels take the whole width 12/12 cells, e.g the label and the input are displayed vertically.
+*
+* The ratio can be changed via the labelSpan and the emptySpan properties.
+*/
+
+@container (max-width: 600px) {
+	.ui5-form-item,
+	.ui5-form-group {
+		--ui5-form-item-layout: var(--ui5-form-item-layout-S);
+	}
+
+	:host([label-span-s="12"]) .ui5-form-item,
+	:host([label-span-s="12"]) .ui5-form-group {
+		--ui5-form-item-label-justify: var(--ui5-form-item-label-justify-span12);
+		--ui5-form-item-label-padding: var(--ui5-form-item-label-padding-span12);
+	}
+}
+
+@container (width > 600px) and (width <= 1024px) {
+	.ui5-form-item,
+	.ui5-form-group {
+		--ui5-form-item-layout: var(--ui5-form-item-layout-M);
+	}
+
+	:host([label-span-m="12"]) .ui5-form-item,
+	:host([label-span-m="12"]) .ui5-form-group {
+		--ui5-form-item-label-justify: var(--ui5-form-item-label-justify-span12);
+		--ui5-form-item-label-padding: var(--ui5-form-item-label-padding-span12);
+	}
+}
+
+@container (width > 1024px) and (width <= 1440px) {
+	.ui5-form-item,
+	.ui5-form-group {
+		--ui5-form-item-layout: var(--ui5-form-item-layout-L);
+	}
+
+	:host([label-span-l="12"]) .ui5-form-item,
+	:host([label-span-l="12"]) .ui5-form-group {
+		--ui5-form-item-label-justify: var(--ui5-form-item-label-justify-span12);
+		--ui5-form-item-label-padding: var(--ui5-form-item-label-padding-span12);
+	}
+}
+
+@container (min-width: 1441px) {
+	.ui5-form-item,
+	.ui5-form-group {
+		--ui5-form-item-layout: var(--ui5-form-item-layout-XL);
+	}
+
+	:host([label-span-xl="12"]) .ui5-form-item,
+	:host([label-span-xl="12"]) .ui5-form-group {
+		--ui5-form-item-label-justify: var(--ui5-form-item-label-justify-span12);
+		--ui5-form-item-label-padding: var(--ui5-form-item-label-padding-span12);
+	}
+}

package/src/themes/ListItem.css

@@ -22,6 +22,10 @@
 	color: var(--sapList_Active_TextColor);
 }
 
+:host([active][actionable]) .ui5-li-additional-text {
+	text-shadow: none;
+}
+
 /* [ui5-li]: additionalTextState */
 :host([additional-text-state="Critical"]) .ui5-li-additional-text {
 	color: var(--sapCriticalTextColor);

package/src/themes/ListItemBase.css

@@ -27,11 +27,19 @@
 :host([selected]) {
 	background-color: var(--sapList_SelectionBackgroundColor);
 	border-bottom: var(--ui5-listitem-selected-border-bottom);
+
+	.ui5-li-additional-text {
+		text-shadow: var(--sapContent_TextShadow);
+	}
 }
 
 /* hovered */
 :host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover) {
     background-color: var(--sapList_Hover_Background);
+
+	.ui5-li-additional-text {
+		text-shadow: var(--sapContent_TextShadow);
+	}
 }
 
 /* selected and hovered */

package/src/themes/RatingIndicator.css

@@ -40,6 +40,7 @@
 .ui5-rating-indicator-root {
 	outline: none;
 	position: relative;
+	padding: var(--_ui5_rating_indicator_component_padding);
 }
 
 .ui5-rating-indicator-list {

package/src/themes/TabContainer.css

@@ -176,4 +176,4 @@
 
 :host([media-range="XL"]) .ui5-tc__content {
 	padding: 1rem 3rem;
-}
+}

package/src/themes/Table.css

@@ -11,9 +11,22 @@
 
 #table {
     display: grid;
-    grid-auto-rows: minmax(min-content, auto);
+    grid-auto-rows: minmax(min-content, max-content);
     background: var(--sapList_Background);
-    height: -moz-fill, -webkit-fill-available, 100%;
+}
+
+:host([overflow-mode="Scroll"]) #table {
+    overflow-x: auto;
+    height: 100%;
+    height: -webkit-fill-available;
+    height: fill-available;
+}
+
+#rows, #spacer {
+    display: grid;
+    grid-template-rows: min-content;
+    grid-template-columns: subgrid;
+    grid-column: 1 / -1;
 }
 
 #nodata-cell {

package/src/themes/TableCellBase.css

@@ -10,7 +10,7 @@
     box-sizing: border-box;
 }
 
-:host(:focus) {
+:host([tabindex]:focus) {
     outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
     outline-offset: calc(-1 * var(--sapContent_FocusWidth));
 }

package/src/themes/TableRow.css

@@ -2,6 +2,11 @@
 	background: var(--sapList_Background);
 }
 
+:host([position]) {
+	height: var(--row-height);
+	overflow: clip;
+}
+
 :host([aria-selected=true]) {
 	background-color: var(--sapList_SelectionBackgroundColor);
 	border-bottom: var(--sapList_BorderWidth) solid var(--sapList_SelectionBorderColor);

package/src/themes/Tag.css

@@ -483,6 +483,16 @@
 	color: var(--ui5-tag-set2-color-scheme-9-color);
 }
 
+:host([interactive][design="Set2"][color-scheme="9"]) .ui5-tag-root:hover {
+	background-color: var(--ui5-tag-set2-color-scheme-9-hover-background);
+}
+
+:host([interactive][design="Set2"][color-scheme="9"]) .ui5-tag-root:active {
+	background-color: var(--ui5-tag-set2-color-scheme-9-active-background);
+	border-color: var(--ui5-tag-set2-color-scheme-9-active-border);
+	color: var(--ui5-tag-set2-color-scheme-9-active-color);
+}
+
 :host([interactive][design="Set2"][color-scheme="10"]) .ui5-tag-root:hover {
 	background-color: var(--ui5-tag-set2-color-scheme-10-hover-background);
 }