@ui5/webcomponents 2.0.0-rc.6 → 2.0.0

package/src/i18n/messagebundle_sv.properties

@@ -19,8 +19,6 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=Sammankopplade avatarer.
 
 AVATAR_GROUP_MOVE=Använd piltangenterna för att flytta.
 
-TAG_DESCRIPTION_BADGE=Märke
-
 TAG_DESCRIPTION_TAG=Tagg
 
 TAG_ROLE_DESCRIPTION=Taggknapp
@@ -103,6 +101,12 @@ DATETIME_DESCRIPTION=Tidpunktsinmatning
 
 DATERANGE_DESCRIPTION=Inmatning av datumintervall
 
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=Choose Date
+
+DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=Choose Date and Time
+
+DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=Choose Date Range
+
 DELETE=Radera
 
 FILEUPLOAD_BROWSE=Bläddra...
@@ -251,6 +255,8 @@ TIMEPICKER_CANCEL_BUTTON=Avbryt
 
 TIMEPICKER_INPUT_DESCRIPTION=Tidsinmatning
 
+TIMEPICKER_POPOVER_ACCESSIBLE_NAME=Choose Time
+
 TIMEPICKER_CLOCK_DIAL_LABEL=Urtavla
 
 TIMEPICKER_INPUTS_ENTER_HOURS=Ange timmar
@@ -351,3 +357,10 @@ FORM_SELECTABLE_REQUIRED=Välj ett element i listan.
 FORM_SELECTABLE_REQUIRED2=Välj ett av dessa alternativ.
 
 FORM_TEXTFIELD_REQUIRED=Fyll i det här fältet.
+
+TABLE_SELECTION=Urval
+TABLE_ROW_SELECTOR=Row Selector
+TABLE_NO_DATA=Inga data
+TABLE_ROW_POPIN=Rad-popin
+TABLE_MORE=Mer
+TABLE_MORE_DESCRIPTION=Load more rows by pressing Enter or Space

package/src/i18n/messagebundle_th.properties

@@ -19,8 +19,6 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=ภาพสัญลักษณ์แบบก
 
 AVATAR_GROUP_MOVE=กดแป้นลูกศรเพื่อย้าย
 
-TAG_DESCRIPTION_BADGE=ป้ายชื่อ
-
 TAG_DESCRIPTION_TAG=แท็ก
 
 TAG_ROLE_DESCRIPTION=ปุ่มแท็ก
@@ -103,6 +101,12 @@ DATETIME_DESCRIPTION=การป้อนข้อมูลวันที่/
 
 DATERANGE_DESCRIPTION=การป้อนข้อมูลช่วงวันที่
 
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=เลือกวันที่
+
+DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=เลือกวันที่และเวลา
+
+DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=เลือกช่วงวันที่
+
 DELETE=ลบ
 
 FILEUPLOAD_BROWSE=บราวซ์...
@@ -251,6 +255,8 @@ TIMEPICKER_CANCEL_BUTTON=ยกเลิก
 
 TIMEPICKER_INPUT_DESCRIPTION=การป้อนข้อมูลเวลา
 
+TIMEPICKER_POPOVER_ACCESSIBLE_NAME=เลือกเวลา
+
 TIMEPICKER_CLOCK_DIAL_LABEL=หน้าปัดนาฬิกา
 
 TIMEPICKER_INPUTS_ENTER_HOURS=กรุณาป้อนชั่วโมง
@@ -321,7 +327,7 @@ STEPINPUT_DEC_ICON_TITLE=ลด
 
 STEPINPUT_INC_ICON_TITLE=เพิ่ม
 
-SPLIT_BUTTON_DESCRIPTION=ปุ่ม 'แยก'
+SPLIT_BUTTON_DESCRIPTION=ปุ่ม ''แยก''
 
 SPLIT_BUTTON_KEYBOARD_HINT=กด Space หรือ Enter เพื่อทริกเกอร์การดำเนินการตั้งต้นแล้วกด Alt + ลูกศรลง หรือ F4 เพื่อทริกเกอร์การดำเนินการของลูกศร
 
@@ -351,3 +357,10 @@ FORM_SELECTABLE_REQUIRED=กรุณาเลือกรายการใน
 FORM_SELECTABLE_REQUIRED2=กรุณาเลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้
 
 FORM_TEXTFIELD_REQUIRED=กรุณาเติมข้อมูลในฟิลด์นี้
+
+TABLE_SELECTION=การเลือก
+TABLE_ROW_SELECTOR=ตัวเลือกแถว
+TABLE_NO_DATA=ไม่มีข้อมูล
+TABLE_ROW_POPIN=ป็อปอินของแถว
+TABLE_MORE=เพิ่มเติม
+TABLE_MORE_DESCRIPTION=โหลดแถวเพิ่มเติมโดยการกด Enter หรือ Spacebar

package/src/i18n/messagebundle_tr.properties

@@ -19,8 +19,6 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=Birleşik avatarlar.
 
 AVATAR_GROUP_MOVE=Taşımak için OK tuşlarına basın.
 
-TAG_DESCRIPTION_BADGE=Rozet
-
 TAG_DESCRIPTION_TAG=Etiket
 
 TAG_ROLE_DESCRIPTION=Etiket düğmesi
@@ -103,6 +101,12 @@ DATETIME_DESCRIPTION=Tarih ve saat girişi
 
 DATERANGE_DESCRIPTION=Tarih aralığı girişi
 
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=Tarih seç
+
+DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=Tarih ve saat seç
+
+DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=Tarih aralığı seç
+
 DELETE=Sil
 
 FILEUPLOAD_BROWSE=Gözat...
@@ -193,7 +197,7 @@ RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON=Reddet
 
 SEGMENTEDBUTTON_ARIA_DESCRIPTION=Segmentlere ayrılmış düğme grubu
 
-SEGMENTEDBUTTON_ARIA_DESCRIBEDBY=Öğe seçmek için ENTER'a veya boşluk tuşuna basın.
+SEGMENTEDBUTTON_ARIA_DESCRIBEDBY=Öğe seçmek için ENTER''a veya boşluk tuşuna basın.
 
 SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Segmentlere ayrılmış düğme
 
@@ -251,6 +255,8 @@ TIMEPICKER_CANCEL_BUTTON=İptal et
 
 TIMEPICKER_INPUT_DESCRIPTION=Zaman girişi
 
+TIMEPICKER_POPOVER_ACCESSIBLE_NAME=Saat seç
+
 TIMEPICKER_CLOCK_DIAL_LABEL=Saat kadranı
 
 TIMEPICKER_INPUTS_ENTER_HOURS=Saat girin
@@ -351,3 +357,10 @@ FORM_SELECTABLE_REQUIRED=Listeden bir öğe seçin.
 FORM_SELECTABLE_REQUIRED2=Bu seçeneklerden birini belirleyin.
 
 FORM_TEXTFIELD_REQUIRED=Bu alanı doldurun.
+
+TABLE_SELECTION=Seçim
+TABLE_ROW_SELECTOR=Satır seçici
+TABLE_NO_DATA=Veri yok
+TABLE_ROW_POPIN=Satır iletişim penceresi
+TABLE_MORE=Daha fazla
+TABLE_MORE_DESCRIPTION=Enter veya boşluk tuşuna basarak daha fazla satır yükleyin

package/src/i18n/messagebundle_uk.properties

@@ -19,8 +19,6 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=Об’єднані аватари.
 
 AVATAR_GROUP_MOVE=Для переміщення натисніть клавіші зі СТРІЛКАМИ.
 
-TAG_DESCRIPTION_BADGE=Значок
-
 TAG_DESCRIPTION_TAG=Тег
 
 TAG_ROLE_DESCRIPTION=Кнопка тегу
@@ -103,6 +101,12 @@ DATETIME_DESCRIPTION=Введення дати/часу
 
 DATERANGE_DESCRIPTION=Введення діапазону дат
 
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=Вибрати дату
+
+DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=Вибрати дату й час
+
+DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=Вибрати діапазон дат
+
 DELETE=Видалити
 
 FILEUPLOAD_BROWSE=Огляд...
@@ -187,7 +191,7 @@ RATING_INDICATOR_TOOLTIP_TEXT=Рейтинг
 
 RATING_INDICATOR_TEXT=Індикатор рейтингу
 
-RATING_INDICATOR_ARIA_DESCRIPTION=Обов'язково
+RATING_INDICATOR_ARIA_DESCRIPTION=Обов''язково
 
 RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON=Відхилити
 
@@ -251,6 +255,8 @@ TIMEPICKER_CANCEL_BUTTON=Скасувати
 
 TIMEPICKER_INPUT_DESCRIPTION=Введення часу
 
+TIMEPICKER_POPOVER_ACCESSIBLE_NAME=Вибрати час
+
 TIMEPICKER_CLOCK_DIAL_LABEL=Циферблат
 
 TIMEPICKER_INPUTS_ENTER_HOURS=Введіть години
@@ -351,3 +357,10 @@ FORM_SELECTABLE_REQUIRED=Виберіть позицію у списку.
 FORM_SELECTABLE_REQUIRED2=Виберіть одну з цих опцій.
 
 FORM_TEXTFIELD_REQUIRED=Заповніть це поле.
+
+TABLE_SELECTION=Вибір
+TABLE_ROW_SELECTOR=Селектор рядків
+TABLE_NO_DATA=Немає даних
+TABLE_ROW_POPIN=Виринаюче поле рядка
+TABLE_MORE=Більше
+TABLE_MORE_DESCRIPTION=Завантажте ще натисканням Enter або клавіші пробілу

package/src/i18n/messagebundle_vi.properties

@@ -19,8 +19,6 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=Ảnh đại diện kết hợp.
 
 AVATAR_GROUP_MOVE=Nhấn các phím MŨI TÊN để di chuyển.
 
-TAG_DESCRIPTION_BADGE=Huy hiệu
-
 TAG_DESCRIPTION_TAG=Thẻ
 
 TAG_ROLE_DESCRIPTION=Nút thẻ
@@ -103,6 +101,12 @@ DATETIME_DESCRIPTION=Nhập ngày giờ
 
 DATERANGE_DESCRIPTION=Nhập phạm vi ngày
 
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=Chọn ngày
+
+DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=Chọn ngày và giờ
+
+DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=Chọn phạm vi ngày
+
 DELETE=Xóa
 
 FILEUPLOAD_BROWSE=Duyệt...
@@ -251,6 +255,8 @@ TIMEPICKER_CANCEL_BUTTON=Hủy
 
 TIMEPICKER_INPUT_DESCRIPTION=Nhập thời gian
 
+TIMEPICKER_POPOVER_ACCESSIBLE_NAME=Chọn thời gian
+
 TIMEPICKER_CLOCK_DIAL_LABEL=Quay số đồng hồ
 
 TIMEPICKER_INPUTS_ENTER_HOURS=Vui lòng nhập giờ
@@ -351,3 +357,10 @@ FORM_SELECTABLE_REQUIRED=Vui lòng chọn một mục trong danh sách.
 FORM_SELECTABLE_REQUIRED2=Vui lòng chọn một trong các tùy chọn này.
 
 FORM_TEXTFIELD_REQUIRED=Vui lòng điền vào trường này.
+
+TABLE_SELECTION=Lựa chọn
+TABLE_ROW_SELECTOR=Bộ chọn hàng
+TABLE_NO_DATA=Không có dữ liệu
+TABLE_ROW_POPIN=Vùng chèn tạm của hàng
+TABLE_MORE=Thêm
+TABLE_MORE_DESCRIPTION=Tải thêm hàng bằng cách nhấn Enter hoặc Space

package/src/i18n/messagebundle_zh_CN.properties

@@ -19,8 +19,6 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=联合头像。
 
 AVATAR_GROUP_MOVE=按箭头键进行移动。
 
-TAG_DESCRIPTION_BADGE=徽章
-
 TAG_DESCRIPTION_TAG=标记
 
 TAG_ROLE_DESCRIPTION=标记按钮
@@ -103,6 +101,12 @@ DATETIME_DESCRIPTION=日期时间输入
 
 DATERANGE_DESCRIPTION=日期范围输入
 
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=选择日期
+
+DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=选择日期和时间
+
+DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=选择日期范围
+
 DELETE=删除
 
 FILEUPLOAD_BROWSE=浏览...
@@ -251,6 +255,8 @@ TIMEPICKER_CANCEL_BUTTON=取消
 
 TIMEPICKER_INPUT_DESCRIPTION=时间输入
 
+TIMEPICKER_POPOVER_ACCESSIBLE_NAME=选择时间
+
 TIMEPICKER_CLOCK_DIAL_LABEL=钟表盘
 
 TIMEPICKER_INPUTS_ENTER_HOURS=请输入小时
@@ -351,3 +357,10 @@ FORM_SELECTABLE_REQUIRED=请在列表中选择一项。
 FORM_SELECTABLE_REQUIRED2=请选择这些选项之一。
 
 FORM_TEXTFIELD_REQUIRED=请填写此字段。
+
+TABLE_SELECTION=选择
+TABLE_ROW_SELECTOR=行选择器
+TABLE_NO_DATA=无数据
+TABLE_ROW_POPIN=行弹入框
+TABLE_MORE=更多
+TABLE_MORE_DESCRIPTION=按 Enter 或空格键加载更多行

package/src/i18n/messagebundle_zh_TW.properties

@@ -19,8 +19,6 @@ AVATAR_GROUP_ARIA_LABEL_GROUP=結合虛擬個人頭像。
 
 AVATAR_GROUP_MOVE=按箭頭鍵以移動。
 
-TAG_DESCRIPTION_BADGE=徽章
-
 TAG_DESCRIPTION_TAG=標籤
 
 TAG_ROLE_DESCRIPTION=標籤按鈕
@@ -103,6 +101,12 @@ DATETIME_DESCRIPTION=日期時間輸入
 
 DATERANGE_DESCRIPTION=日期範圍輸入
 
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=選擇日期
+
+DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=選擇日期和時間
+
+DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=選擇日期範圍
+
 DELETE=刪除
 
 FILEUPLOAD_BROWSE=瀏覽...
@@ -251,6 +255,8 @@ TIMEPICKER_CANCEL_BUTTON=取消
 
 TIMEPICKER_INPUT_DESCRIPTION=時間輸入
 
+TIMEPICKER_POPOVER_ACCESSIBLE_NAME=選擇時間
+
 TIMEPICKER_CLOCK_DIAL_LABEL=鐘面
 
 TIMEPICKER_INPUTS_ENTER_HOURS=請輸入小時
@@ -351,3 +357,10 @@ FORM_SELECTABLE_REQUIRED=請在清單中選擇項目。
 FORM_SELECTABLE_REQUIRED2=請選擇其中一個選項。
 
 FORM_TEXTFIELD_REQUIRED=請填寫此欄位。
+
+TABLE_SELECTION=選擇
+TABLE_ROW_SELECTOR=列選擇器
+TABLE_NO_DATA=無資料
+TABLE_ROW_POPIN=列對話方塊
+TABLE_MORE=更多
+TABLE_MORE_DESCRIPTION=按下 Enter 或空格鍵載入更多列

package/src/themes/Calendar.css

@@ -2,6 +2,12 @@
     display: inline-block;
 }
 
+.ui5-cal-root .ui5-calheader {
+    display: block;
+    height: var(--_ui5_calendar_header_height);
+    font-family: var(--_ui5_button_fontFamily);
+}
+
 .ui5-cal-root {
     background: var(--sapList_Background);
     box-sizing: border-box;
@@ -14,11 +20,6 @@
     overflow: hidden;
 }
 
-.ui5-cal-root [ui5-calendar-header] {
-    height: var(--_ui5_calendar_header_height);
-    font-family: var(--_ui5_button_fontFamily);
-}
-
 .ui5-cal-root .ui5-cal-content {
     padding: 0 var(--_ui5_calendar_left_right_padding) var(--_ui5_calendar_top_bottom_padding);
 }

package/src/themes/CheckBox.css

@@ -51,19 +51,14 @@
 	padding-bottom: var(--_ui5_checkbox_root_side_padding);
 }
 
-:host(:not([wrapping-type="None"])[text]) .ui5-checkbox-root .ui5-checkbox-inner,
-:host(:not([wrapping-type="None"])[text]) .ui5-checkbox-root .ui5-checkbox-label {
-	margin-top: var(--_ui5_checkbox_wrapped_content_margin_top);
-}
-
 :host(:not([wrapping-type="None"])[text]) .ui5-checkbox-root .ui5-checkbox-label {
 	overflow-wrap: break-word;
 	align-self: center;
 }
 
-:host([desktop]:not([wrapping-type="None"])) .ui5-checkbox-root:focus::before,
-.ui5-checkbox-root:focus-visible::before {
-	bottom: var(--_ui5_checkbox_wrapped_focus_left_top_bottom_position);
+:host([desktop][text]:not([wrapping-type="None"])) .ui5-checkbox-root:focus::before,
+.ui5-checkbox-root[text]:focus-visible::before {
+	inset-block: var(--_ui5_checkbox_wrapped_focus_inset_block);
 }
 
 /* value states */

package/src/themes/Link.css

@@ -72,7 +72,7 @@
 }
 
 /* For cases when the text wraps, the icon should be displayed at the last row */
-:host([end-icon]) .ui5-link-root {
+:host([wrapping-type="None"][end-icon]) .ui5-link-root {
 	display: inline-flex;
 	align-items: end;
 }
@@ -94,8 +94,8 @@
 }
 
 .ui5-link-end-icon {
-	float: inline-end;
 	margin-inline-start: 0.125rem;
+	vertical-align: bottom;
 }
 
 .ui5-link-text {

package/src/themes/ListItem.css

@@ -48,7 +48,7 @@
 	height: 5rem;
 }
 
-:host([_has-image-content]) {
+:host([_has-image]) {
 	height: 5rem;
 }
 
@@ -56,6 +56,13 @@
 	height: 3rem;
 }
 
+::slotted(img[slot="image"]){
+	width: var(--_ui5_list_item_img_size);
+	height: var(--_ui5_list_item_img_size);
+	border-radius: var(--ui5-avatar-border-radius);
+	object-fit: contain
+}
+
 :host([description]) .ui5-li-root {
 	padding: 1rem;
 }
@@ -108,14 +115,7 @@
 	align-self: flex-end;
 }
 
-.ui5-li-img {
-	width: var(--_ui5_list_item_img_size);
-	height: var(--_ui5_list_item_img_size);
-	border-radius: var(--ui5-avatar-border-radius);
-}
-
-.ui5-li-img,
-.ui5-li-imgContent {
+.ui5-li-image {
 	min-width: var(--_ui5_list_item_img_size);
 	min-height: var(--_ui5_list_item_img_size);
 	margin-top: var(--_ui5_list_item_img_top_margin);
@@ -123,10 +123,6 @@
 	margin-inline-end: var(--_ui5_list_item_img_hn_margin);
 }
 
-.ui5-li-img-inner {
-	object-fit: contain;
-}
-
 .ui5-li-icon {
 	min-width: var(--_ui5_list_item_icon_size);
 	min-height: var(--_ui5_list_item_icon_size);

package/src/themes/MenuItem.css

@@ -77,10 +77,6 @@
 	padding: var(--_ui5_menu_item_padding);
 }
 
-:host([starts-section]) {
-	border-top: 1px solid var(--sapGroup_ContentBorderColor);
-}
-
 :host::part(content) {
 	padding-inline-end: 0.25rem;
 }

package/src/themes/MenuSeparator.css

@@ -0,0 +1,11 @@
+:host {
+	border-top: 0.0625rem solid var(--sapGroup_ContentBorderColor);
+	min-height: 0.125rem;
+}
+
+.ui5-menu-separator {
+	border: inherit;
+	min-height: inherit;
+	background: inherit;
+	opacity: 1;
+}

package/src/themes/SegmentedButtonItem.css

@@ -102,7 +102,8 @@
 	/* calculating the minimum width by removing the icon size  */
 	min-width: calc(var(--_ui5_button_base_min_width) - var(--_ui5_button_base_icon_margin) - 1rem);
 }
-:host([disabled]:active) {
+
+:host([disabled]) {
 	pointer-events: none;
 }
 

package/src/themes/SuggestionItem.css

@@ -0,0 +1,14 @@
+:host([ui5-suggestion-item]) {
+	height: auto;
+	min-height: var(--_ui5_list_item_base_height);
+}
+
+:host([ui5-suggestion-item]) .ui5-li-root {
+	min-height: var(--_ui5_list_item_base_height);
+}
+
+:host([ui5-suggestion-item]) .ui5-li-content {
+	padding-bottom: .875rem;
+	padding-top: .875rem;
+	box-sizing: border-box;
+}

package/src/themes/SuggestionItemCustom.css

@@ -0,0 +1,3 @@
+:host {
+	height: var(--_ui5_list_item_dropdown_base_height);
+}

package/src/themes/Suggestions.css

@@ -11,11 +11,6 @@
 	padding: 0 1rem;
 }
 
-.ui5-suggestions-popover [ui5-li]::part(icon),
-.ui5-suggestions-popover [ui5-li-suggestion-item]::part(icon) {
-	color: var(--sapList_TextColor);
-}
-
 .input-root-phone.native-input-wrapper {
 	display: contents;
 }

package/src/themes/TabContainer.css

@@ -4,7 +4,7 @@
 /* Global Base parameters        */
 /* ============================= */
 :host(:not([hidden])) {
-	display: inline-block;
+	display: block;
 	width: 100%;
 }
 

package/src/themes/Table.css

@@ -1,5 +1,6 @@
 :host {
 	display: block;
+    position: relative;
     color: var(--sapList_TextColor);
     font: var(--sapFontSize) var(--sapFontFamily);
 }
@@ -33,9 +34,9 @@
     box-sizing: border-box;
 }
 
-#busy-indicator {
+#loading {
     position: absolute;
-    z-index: 1;
     inset: 0;
     height: 100%;
+    z-index: 2;
 }

package/src/themes/TableRow.css

@@ -31,4 +31,18 @@
 	align-content: initial;
 	flex-direction: column;
 	grid-column: 1 / -1;
-}
+}
+
+#navigated-cell {
+	grid-row: span 2;
+	min-width: 0;
+	padding: 0;
+}
+
+:host([navigated]) #navigated-cell {
+    background-color: var(--sapList_SelectionBorderColor);
+}
+
+:host([navigated]) #popin-cell {
+	grid-column: 1 / -2;
+}

package/src/themes/Tag.css

@@ -82,78 +82,6 @@
 	align-self: auto;
 }
 
-/* Set3 (BTP) Design Type */
-
-/* Scheme 1 */
-:host([design="Set3"]) .ui5-tag-root {
-	background-color: var(--ui5-tag-color-scheme-1-background);
-	border-color: var(--ui5-tag-color-scheme-1-border);
-	color: var(--ui5-tag-color-scheme-1-color);
-}
-
-/* Scheme 2 */
-:host([design="Set3"][color-scheme="2"]) .ui5-tag-root {
-	background-color: var(--ui5-tag-color-scheme-2-background);
-	border-color: var(--ui5-tag-color-scheme-2-border);
-	color: var(--ui5-tag-color-scheme-2-color);
-}
-
-/* Scheme 3 */
-:host([design="Set3"][color-scheme="3"]) .ui5-tag-root {
-	background-color: var(--ui5-tag-color-scheme-3-background);
-	border-color: var(--ui5-tag-color-scheme-3-border);
-	color: var(--ui5-tag-color-scheme-3-color);
-}
-
-/* Scheme 4 */
-:host([design="Set3"][color-scheme="4"]) .ui5-tag-root {
-	background-color: var(--ui5-tag-color-scheme-4-background);
-	border-color: var(--ui5-tag-color-scheme-4-border);
-	color: var(--ui5-tag-color-scheme-4-color);
-}
-
-/* Scheme 5 */
-:host([design="Set3"][color-scheme="5"]) .ui5-tag-root {
-	background-color: var(--ui5-tag-color-scheme-5-background);
-	border-color: var(--ui5-tag-color-scheme-5-border);
-	color: var(--ui5-tag-color-scheme-5-color);
-}
-
-/* Scheme 6 */
-:host([design="Set3"][color-scheme="6"]) .ui5-tag-root {
-	background-color: var(--ui5-tag-color-scheme-6-background);
-	border-color: var(--ui5-tag-color-scheme-6-border);
-	color: var(--ui5-tag-color-scheme-6-color);
-}
-
-/* Scheme 7 */
-:host([design="Set3"][color-scheme="7"]) .ui5-tag-root {
-	background-color: var(--ui5-tag-color-scheme-7-background);
-	border-color: var(--ui5-tag-color-scheme-7-border);
-	color: var(--ui5-tag-color-scheme-7-color);
-}
-
-/* Scheme 8 */
-:host([design="Set3"][color-scheme="8"]) .ui5-tag-root {
-	background-color: var(--ui5-tag-color-scheme-8-background);
-	border-color: var(--ui5-tag-color-scheme-8-border);
-	color: var(--ui5-tag-color-scheme-8-color);
-}
-
-/* Scheme 9 */
-:host([design="Set3"][color-scheme="9"]) .ui5-tag-root {
-	background-color: var(--ui5-tag-color-scheme-9-background);
-	border-color: var(--ui5-tag-color-scheme-9-border);
-	color: var(--ui5-tag-color-scheme-9-color);
-}
-
-/* Scheme 10 */
-:host([design="Set3"][color-scheme="10"]) .ui5-tag-root {
-	background-color: var(--ui5-tag-color-scheme-10-background);
-	border-color: var(--ui5-tag-color-scheme-10-border);
-	color: var(--ui5-tag-color-scheme-10-color);
-}
-
 /* Value State Design Types */
 .ui5-tag-root {
 	background-color: var(--sapNeutralBackground);
@@ -235,7 +163,7 @@
 	background-color: var(--sapButton_Information_Background);
 	border-color: var(--sapButton_Information_BorderColor);
 	color: var(--sapButton_Information_TextColor);
-	text-shadow: var(--ui5-tag-text-shadow);
+	text-shadow: var(--ui5-tag-information-text-shadow);
 }
 
 :host([interactive][design="Information"]) .ui5-tag-root:hover {
@@ -256,7 +184,8 @@
 	text-shadow: var(--ui5-tag-contrast-text-shadow);
 }
 
-:host([design="Set1"]) .ui5-tag-root {
+:host([design="Set1"]) .ui5-tag-root,
+:host([interactive][design="Set1"]) .ui5-tag-root {
 	background-color: var(--sapIndicationColor_1_Background);
 	border-color: var(--sapIndicationColor_1_BorderColor);
 	color: var(--sapIndicationColor_1_TextColor);
@@ -422,7 +351,8 @@
 	text-shadow: var(--ui5-tag-text-shadow);
 }
 
-:host([design="Set2"]) .ui5-tag-root {
+:host([design="Set2"]) .ui5-tag-root,
+:host([interactive][design="Set2"]) .ui5-tag-root{
 	background-color: var(--ui5-tag-set2-color-scheme-1-background);
 	border-color: var(--ui5-tag-set2-color-scheme-1-border);
 	color: var(--ui5-tag-set2-color-scheme-1-color);

package/src/themes/TextArea.css

@@ -178,11 +178,11 @@
 	min-height: calc(2 * var(--_ui5_textarea_line_height) * var(--sapFontSize) + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));
 }
 
-:host([growing]):not([growing-max-rows]) .ui5-textarea-inner {
+:host([growing]):not([growing-max-rows="0"]) .ui5-textarea-inner {
 	max-height: 100%;
 }
 
-:host([growing-max-rows]) .ui5-textarea-mirror {
+:host([growing-max-rows]:not([growing-max-rows="0"])) .ui5-textarea-mirror {
 	max-height: calc((var(--_textarea_growing_max_rows) * var(--_ui5_textarea_line_height)) * var(--sapFontSize)  + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));
 }