@ui5/webcomponents 2.11.0-rc.2 → 2.11.0-rc.4

package/src/i18n/messagebundle_sr.properties

@@ -51,6 +51,10 @@ BUTTON_ARIA_TYPE_EMPHASIZED=Наглашено
 
 BUTTON_ARIA_TYPE_ATTENTION=Упозорење
 
+BUTTON_BADGE_ONE_ITEM={0} ставка
+
+BUTTON_BADGE_MANY_ITEMS={0} ставке(и)
+
 CAL_LEGEND_TODAY_TEXT=Данас
 
 CAL_LEGEND_SELECTED_TEXT=Изабрани дан
@@ -409,6 +413,8 @@ TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Додатне опције
 
 TOOLBAR_POPOVER_AVAILABLE_VALUES=Доступне вредности
 
+FORM_ACCESSIBLE_NAME=Образац
+
 FORM_CHECKABLE_REQUIRED=Означите овај квадратић ако желите да наставите.
 
 FORM_MIXED_TEXTFIELD_REQUIRED=Попуните ово поље или одаберите ставку с листе.

package/src/i18n/messagebundle_sv.properties

@@ -51,6 +51,10 @@ BUTTON_ARIA_TYPE_EMPHASIZED=Markerad
 
 BUTTON_ARIA_TYPE_ATTENTION=Varning
 
+BUTTON_BADGE_ONE_ITEM={0} element
+
+BUTTON_BADGE_MANY_ITEMS={0} element
+
 CAL_LEGEND_TODAY_TEXT=Idag
 
 CAL_LEGEND_SELECTED_TEXT=Vald dag
@@ -409,6 +413,8 @@ TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Ytterligare alternativ
 
 TOOLBAR_POPOVER_AVAILABLE_VALUES=Tillgängliga värden
 
+FORM_ACCESSIBLE_NAME=Formulär
+
 FORM_CHECKABLE_REQUIRED=Markera den här kryssrutan om du vill fortsätta.
 
 FORM_MIXED_TEXTFIELD_REQUIRED=Fyll i fältet eller välj ett element i listan.

package/src/i18n/messagebundle_th.properties

@@ -51,6 +51,10 @@ BUTTON_ARIA_TYPE_EMPHASIZED=เน้น
 
 BUTTON_ARIA_TYPE_ATTENTION=คำเตือน
 
+BUTTON_BADGE_ONE_ITEM={0} รายการ
+
+BUTTON_BADGE_MANY_ITEMS={0} รายการ
+
 CAL_LEGEND_TODAY_TEXT=วันนี้
 
 CAL_LEGEND_SELECTED_TEXT=วันที่เลือก
@@ -409,6 +413,8 @@ TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=ตัวเลือกเพิ่มเต
 
 TOOLBAR_POPOVER_AVAILABLE_VALUES=ค่าที่มีอยู่
 
+FORM_ACCESSIBLE_NAME=แบบฟอร์ม
+
 FORM_CHECKABLE_REQUIRED=กรุณาเลือกเช็คบ็อกซ์นี้ถ้าคุณต้องการดำเนินการต่อ
 
 FORM_MIXED_TEXTFIELD_REQUIRED=กรุณาเติมข้อมูลในฟิลด์นี้หรือเลือกรายการในลิสต์

package/src/i18n/messagebundle_tr.properties

@@ -51,6 +51,10 @@ BUTTON_ARIA_TYPE_EMPHASIZED=Vurgulandı
 
 BUTTON_ARIA_TYPE_ATTENTION=Uyarı
 
+BUTTON_BADGE_ONE_ITEM={0} öğe
+
+BUTTON_BADGE_MANY_ITEMS={0} öğe
+
 CAL_LEGEND_TODAY_TEXT=Bugün
 
 CAL_LEGEND_SELECTED_TEXT=Seçilen gün
@@ -409,6 +413,8 @@ TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Ek seçenekler
 
 TOOLBAR_POPOVER_AVAILABLE_VALUES=Kullanılabilir değerler
 
+FORM_ACCESSIBLE_NAME=Form
+
 FORM_CHECKABLE_REQUIRED=Devam etmek istiyorsanız bu kutuyu işaretleyin.
 
 FORM_MIXED_TEXTFIELD_REQUIRED=Bu alanı doldurun veya listeden bir öğe seçin.

package/src/i18n/messagebundle_uk.properties

@@ -51,6 +51,10 @@ BUTTON_ARIA_TYPE_EMPHASIZED=Виділено
 
 BUTTON_ARIA_TYPE_ATTENTION=Застереження
 
+BUTTON_BADGE_ONE_ITEM={0} позиція
+
+BUTTON_BADGE_MANY_ITEMS={0} позицій
+
 CAL_LEGEND_TODAY_TEXT=Сьогодні
 
 CAL_LEGEND_SELECTED_TEXT=Вибраний день
@@ -101,7 +105,7 @@ COLORPICKER_BLUE=Синій
 
 COLORPICKER_HUE=Відтінок
 
-COLORPICKER_SATURATION=Насиченність
+COLORPICKER_SATURATION=Насиченість
 
 COLORPICKER_LIGHT=Світлий
 
@@ -409,6 +413,8 @@ TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Додаткові опції
 
 TOOLBAR_POPOVER_AVAILABLE_VALUES=Доступні значення
 
+FORM_ACCESSIBLE_NAME=Форма
+
 FORM_CHECKABLE_REQUIRED=Поставте галочку в цьому полі, якщо бажаєте продовжити.
 
 FORM_MIXED_TEXTFIELD_REQUIRED=Заповніть це поле або виберіть позицію у списку.

package/src/i18n/messagebundle_vi.properties

@@ -51,6 +51,10 @@ BUTTON_ARIA_TYPE_EMPHASIZED=Được nhấn mạnh
 
 BUTTON_ARIA_TYPE_ATTENTION=Cảnh báo
 
+BUTTON_BADGE_ONE_ITEM={0} mục
+
+BUTTON_BADGE_MANY_ITEMS={0} mục
+
 CAL_LEGEND_TODAY_TEXT=Hôm nay
 
 CAL_LEGEND_SELECTED_TEXT=Ngày được chọn
@@ -409,6 +413,8 @@ TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Tùy chọn bổ sung
 
 TOOLBAR_POPOVER_AVAILABLE_VALUES=Giá trị có sẵn
 
+FORM_ACCESSIBLE_NAME=Biểu mẫu
+
 FORM_CHECKABLE_REQUIRED=Vui lòng đánh dấu vào ô này nếu bạn muốn tiến hành.
 
 FORM_MIXED_TEXTFIELD_REQUIRED=Vui lòng điền vào trường này hoặc chọn một mục trong danh sách.

package/src/i18n/messagebundle_zh_CN.properties

@@ -51,6 +51,10 @@ BUTTON_ARIA_TYPE_EMPHASIZED=加重
 
 BUTTON_ARIA_TYPE_ATTENTION=警告
 
+BUTTON_BADGE_ONE_ITEM={0} 个项目
+
+BUTTON_BADGE_MANY_ITEMS={0} 个项目
+
 CAL_LEGEND_TODAY_TEXT=今天
 
 CAL_LEGEND_SELECTED_TEXT=选定日
@@ -409,6 +413,8 @@ TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=附加选项
 
 TOOLBAR_POPOVER_AVAILABLE_VALUES=可用值 
 
+FORM_ACCESSIBLE_NAME=表单
+
 FORM_CHECKABLE_REQUIRED=如果要继续，请勾选此框。
 
 FORM_MIXED_TEXTFIELD_REQUIRED=请填写此字段或在列表中选择一项。

package/src/i18n/messagebundle_zh_TW.properties

@@ -51,6 +51,10 @@ BUTTON_ARIA_TYPE_EMPHASIZED=強調
 
 BUTTON_ARIA_TYPE_ATTENTION=警告
 
+BUTTON_BADGE_ONE_ITEM={0} 個項目
+
+BUTTON_BADGE_MANY_ITEMS={0} 個項目
+
 CAL_LEGEND_TODAY_TEXT=今天
 
 CAL_LEGEND_SELECTED_TEXT=選取的日期
@@ -409,6 +413,8 @@ TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=附加選項
 
 TOOLBAR_POPOVER_AVAILABLE_VALUES=可用值
 
+FORM_ACCESSIBLE_NAME=表單
+
 FORM_CHECKABLE_REQUIRED=若您要繼續，請勾選此方塊。
 
 FORM_MIXED_TEXTFIELD_REQUIRED=請填寫此欄位或在清單中選擇項目。

package/src/themes/Avatar.css

@@ -277,8 +277,8 @@
 
 :host([_has-image]) {
 	color: var(--ui5-avatar-accent10-color);
+	border: var(--ui5-avatar-optional-border);
 	background-color: transparent;
-	vertical-align: middle;
 }
 
 .ui5-avatar-initials {

package/src/themes/AvatarGroup.css

@@ -22,6 +22,7 @@
 
 .ui5-avatar-group-root {
 	display: flex;
+	padding: var(--_ui5_avatar_group_padding);
 }
 
 .ui5-avatar-group-items {

package/src/themes/CalendarHeader.css

@@ -131,13 +131,3 @@
 .ui5-calheader-middlebtn:focus:active::after {
 	border-color: var(--sapContent_ContrastFocusColor);
 }
-
-/* Todo: Remove with introduction of YearRangePicker */
-.ui5-calheader-middlebtn.ui5-calheader-yearrange-btn-disabled {
-	pointer-events: none;
-}
-
-/* Todo: Remove with introduction of YearRangePicker */
-.ui5-calheader-middlebtn.ui5-calheader-yearrange-btn-disabled:active .ui5-calheader-btn-sectext {
-	color: var(--sapNeutralElementColor);
-}

package/src/themes/CheckBox.css

@@ -9,15 +9,6 @@
 	vertical-align: middle;
 }
 
-:host([required]) .ui5-checkbox-label:after {
-	content:"*";
-	margin-inline-start: .125rem;
-	color: var(--sapField_RequiredColor);
-	font-size: var(--sapFontLargeSize);
-	font-family: var(--sapFontFamily);
-	font-weight: bold;
-}
-
 :host {
 	overflow: hidden;
 	max-width: 100%;

package/src/themes/DatePicker.css

@@ -41,7 +41,6 @@
 
 :host .ui5-date-picker-input {
 	width: 100%;
-	min-width: 12.5625rem;
 	color: inherit;
 	background-color: inherit;
 	border-radius: inherit;

package/src/themes/DynamicDateRange.css

@@ -0,0 +1,7 @@
+@import "./InputIcon.css";
+@import "./InputSharedStyles.css";
+
+:host {
+    width: var(--_ui5_input_width, 12.5625rem);
+    display: inline-block;
+}

package/src/themes/DynamicDateRangePopover.css

@@ -0,0 +1,89 @@
+[ui5-responsive-popover]::part(content) {
+    padding: 0;
+}
+
+[ui5-responsive-popover] {
+    width: 320px;
+    height: 512px;
+}
+
+[ui5-responsive-popover]::part(content) {
+    width: 320px;
+    height: 512px;
+}
+
+.ui5-dynamic-date-range-option-container {
+    display: flex;
+    flex-direction: column;
+    align-content: center;
+    justify-content: space-around;
+    height: 100%;
+    width: 100%;
+}
+
+.ui5-ddr-current-value {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    height: 50px;
+    font-size: .875rem;
+    font-family: var(--sapFontFamily);
+    font-weight: normal;
+    color: var(--sapContentLabelColor);
+    background-color: lightgray;
+    padding-inline-start: 10px;
+    font-style: italic;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+[ui5-responsive-popover]::part(footer) {
+    display: flex;
+    justify-content: end;
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+}
+
+.ui5-ddr-arrow-back-btn {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	width: var(--_ui5_calendar_header_arrow_button_width);
+	background-color: var(--sapButton_Lite_Background);
+	color: var(--sapButton_Lite_TextColor);
+	cursor: pointer;
+	overflow: hidden;
+	white-space: nowrap;
+	padding: 0;
+	font-size: var(--sapFontSize);
+	user-select: none;
+}
+
+.ui5-ddr-arrow-back-btn {
+	border: var(--_ui5_calendar_header_arrow_button_border);
+	border-radius: var(--_ui5_calendar_header_arrow_button_border_radius);
+	display:flex;
+	background-color: var(--sapButton_Lite_Background);
+	border-color: var(--sapButton_Lite_BorderColor);
+}
+
+.ui5-ddr-arrow-back-btn-arrow-icon {
+	color: currentColor;
+	pointer-events: none;
+}
+
+[ui5-responsive-popover]::part(header) {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    height: 2.5rem;
+}
+
+.ui5-ddr-header {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    height: 2.5rem;
+}

package/src/themes/Toolbar.css

@@ -43,13 +43,6 @@ Last element is: overflow button or tb-item when overflow button is hidden */
 	margin-inline-start: 0;
 }
 
-.ui5-tb-separator {
-	height: var(--_ui5-toolbar-separator-height);
-	width: 0.0625rem;
-	background: var(--sapToolbar_SeparatorColor);
-	box-sizing: border-box;
-}
-
 .ui5-tb-overflow-btn-hidden {
 	visibility: hidden;
 	position: absolute;

package/src/themes/ToolbarPopover.css

@@ -13,6 +13,11 @@
 	width: 100%;
 }
 
+::slotted([slot^="default"])::part(button) {
+	width: 100%;
+	display: block;
+}
+
 .ui5-tb-popover-item:not(:last-child) {
 	margin-bottom: 0.25rem;
 }

package/src/themes/ToolbarSelect.css

@@ -1,8 +1,8 @@
 :host(:not([hidden])) {
-	width: 100%;
+    width: 100%;
 }
 
-:host [ui5-select] {
-	width: inherit;
+.ui5-tb-popover-item {
+    width: inherit;
 }
 

package/src/themes/ToolbarSeparator.css

@@ -0,0 +1,6 @@
+.ui5-tb-separator {
+	height: var(--_ui5-toolbar-separator-height);
+	width: 0.0625rem;
+	background: var(--sapToolbar_SeparatorColor);
+	box-sizing: border-box;
+}

package/src/themes/YearRangePicker.css

@@ -0,0 +1,118 @@
+:host(:not([hidden])) {
+	display: block;
+}
+
+:host {
+	width: 100%;
+	height: 100%;
+}
+
+.ui5-yrp-root {
+	padding: 2rem 0 1rem 0;
+	display: flex;
+	flex-direction: column;
+	font-family: "72override", var(--sapFontFamily);
+	font-size: var(--sapFontSize);
+	justify-content: center;
+	align-items: center;
+}
+
+.ui5-yrp-interval-container {
+	display: flex;
+	justify-content: space-evenly;
+	align-items: center;
+	width: 100%;
+}
+
+.ui5-yrp-item {
+	display: flex;
+	margin: var(--_ui5_yearpicker_item_margin);
+	width: calc(50% - 0.125rem);
+	height: var(--_ui5_year_picker_item_height);
+	color: var(--sapButton_Lite_TextColor);
+	background-color: var(--sapButton_Lite_Background);
+	align-items: center;
+	justify-content: center;
+	box-sizing: border-box;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+	cursor: default;
+	outline: none;
+	position: relative;
+	border: var(--_ui5_yearpicker_item_border);
+	border-radius: var(--_ui5_yearpicker_item_border_radius);
+}
+
+.ui5-yrp-item-secondary-type {
+	flex-direction: column;
+	width: calc(50% - 0.125rem);
+}
+
+.ui5-yrp-item-sec-type {
+	font-size: 0.75rem;
+	color: var(--sapNeutralElementColor);
+}
+
+.ui5-yrp-item-one-column-view {
+	width: initial;
+	padding-left: 0.5rem;
+	padding-right: 0.5rem;
+}
+
+.ui5-yrp-item.ui5-yrp-item--selected,
+.ui5-yrp-item.ui5-yrp-item--selected-between {
+	background: var(--sapButton_Selected_Background);
+	border: var(--_ui5_yearpicker_item_selected_border);
+	color: var(--sapButton_Selected_TextColor);
+}
+
+.ui5-yrp-item.ui5-yrp-item--selected .ui5-yrp-item-sec-type,
+.ui5-yrp-item.ui5-yrp-item--selected-between .ui5-yrp-item-sec-type {
+	color: var(--sapButton_Selected_TextColor);
+}
+
+.ui5-yrp-item:hover {
+	background: var(--sapButton_Lite_Hover_Background);
+	border: var(--_ui5_yearpicker_item_hover_border);
+	color: var(--sapButton_Lite_Hover_TextColor);
+}
+
+.ui5-yrp-item.ui5-yrp-item--selected:hover,
+.ui5-yrp-item.ui5-yrp-item--selected-between:hover {
+	background: var(--sapButton_Selected_Hover_Background);
+	border: var(--_ui5_yearpicker_item_selected_hover_border);
+	color: var(--sapButton_Selected_TextColor);
+}
+
+.ui5-yrp-item.ui5-yrp-item--selected:hover .ui5-yrp-item-sec-type,
+.ui5-yrp-item.ui5-yrp-item--selected-between:hover .ui5-yrp-item-sec-type {
+	color: var(--sapButton_Selected_TextColor);
+}
+
+.ui5-yrp-item:active,
+.ui5-yrp-item.ui5-yrp-item--selected:active,
+.ui5-yrp-item.ui5-yrp-item--selected-between:active {
+	background: var(--sapButton_Active_Background);
+	border: var(--_ui5_monthpicker_item_active_border);
+	color: var(--sapButton_Active_TextColor);
+}
+
+.ui5-yrp-item:active .ui5-yrp-item-sec-type,
+.ui5-yrp-item.ui5-yrp-item--selected:active .ui5-yrp-item-sec-type,
+.ui5-yrp-item.ui5-yrp-item--selected-between:active .ui5-yrp-item-sec-type  {
+	color: var(--sapButton_Active_TextColor);
+}
+
+.ui5-yrp-item.ui5-yrp-item--disabled {
+	pointer-events: none;
+	opacity: 0.5;
+}
+
+.ui5-yrp-item:focus::after {
+	content: "";
+	position: absolute;
+	inset: 0.0625rem;
+	border: var(--_ui5_button_focused_border);
+	border-radius: var(--_ui5_button_focused_border_radius);
+}

package/src/themes/base/Avatar-parameters.css

@@ -4,6 +4,7 @@
 	--ui5-avatar-border-radius: .25rem;
 	--ui5-avatar-border-radius-img-deduction: 0.0625rem;
 	--ui5-avatar-initials-border: none;
+	--ui5-avatar-optional-border: .0625rem solid var(--sapGroup_ContentBorderColor);
 	--ui5-avatar-accent1: var(--sapAccentColor1);
 	--ui5-avatar-accent2: var(--sapAccentColor2);
 	--ui5-avatar-accent3: var(--sapAccentColor3);

package/src/themes/base/AvatarGroup-parameters.css

@@ -1,3 +1,4 @@
 :root {
 	--_ui5_avatar_group_button_focus_border: none;
+	--_ui5_avatar_group_padding: 0.3rem;
 }

package/src/themes/base/DynamicDateRange-parameters.css

@@ -0,0 +1,3 @@
+:root{
+    
+}

package/src/themes/base/rtl-parameters.css

@@ -17,7 +17,7 @@
 	--_ui5_menu_submenu_margin_offset: -0.25rem 0;
 	--_ui5_menu_submenu_placement_type_left_margin_offset: 0.25rem 0;
 
-	--_ui5-shellbar-notification-btn-count-offset: -0.125rem;
+	--_ui5-shellbar-notification-btn-count-offset: 0.125rem;
 }
 
 [dir="rtl"],

package/src/themes/sap_horizon/parameters-bundle.css

@@ -18,6 +18,7 @@
 @import "./DayPicker-parameters.css";
 @import "../base/Dialog-parameters.css";
 @import "./Dialog-parameters.css";
+@import "../base/DynamicDateRange-parameters.css";
 @import "./FileUploader-parameters.css";
 @import "../base/Table-parameters.css";
 @import "../base/Form-parameters.css";

package/cypress/specs/Avatar.cy.tsx

@@ -1,55 +0,0 @@
-import Avatar from "../../src/Avatar.js";
-import Tag from "../../src/Tag.js";
-import Icon from "../../src/Icon.js";
-import "@ui5/webcomponents-icons/dist/supplier.js";
-
-describe("Accessibility", () => {
-	it("checks if initials of avatar are correctly announced", () => {
-		const INITIALS = "XS";
-
-		cy.mount(<Avatar id="interactive-avatar" initials={INITIALS} interactive></Avatar>);
-
-		// Store the expected label to compare against
-		const expectedLabel = `Avatar ${INITIALS}`;
-
-		// Check if the aria-label is correctly set
-		cy.get("#interactive-avatar")
-			.shadow()
-			.find(".ui5-avatar-root")
-			.should("have.attr", "aria-label", expectedLabel);
-	});
-
-	it("checks if accessible-name is correctly passed to the icon", () => {
-		const ACCESSIBLE_NAME = "Supplier Icon";
-		const ICON_NAME = "supplier";
-
-		cy.mount(<Avatar id="avatar-with-icon" icon={ICON_NAME} accessibleName={ACCESSIBLE_NAME}></Avatar>);
-
-		cy.get("#avatar-with-icon")
-			.shadow()
-			.find("ui5-icon")
-			.shadow()
-			.find("svg")
-			.should("have.attr", "aria-label", ACCESSIBLE_NAME);
-	});
-
-	it("doesn't fire ui5-click event, when disabled property is set", () => {
-		cy.mount(
-			<div>
-				<Avatar interactive disabled initials="JD" id="diabled-avatar" onClick={increment}>
-				<Tag slot="badge">
-					<Icon slot="icon" name="accelerated"></Icon>
-				</Tag>
-				</Avatar>
-				<input value="0" id="click-event" />
-			</div>
-		);
-
-		function increment() {
-			const input = document.getElementById("click-event") as HTMLInputElement;
-			input.value = "1";
-		}
-		cy.get("#diabled-avatar").realClick();
-		cy.get("#click-event").should("have.value", "0");
-	});
-});

package/cypress/specs/AvatarGroup.cy.tsx

@@ -1,66 +0,0 @@
-import Avatar from "../../src/Avatar.js";
-import AvatarGroup from "../../src/AvatarGroup.js";
-
-describe("Overflow", () => {
-	it("checks if overflow button is hiding properly", () => {
-		cy.mount(<AvatarGroup id="ag" style="width: 100px;">
-			<Avatar initials="II"></Avatar>
-			<Avatar initials="II"></Avatar>
-			<Avatar initials="II"></Avatar>
-		</AvatarGroup>);
-
-		// Store the expected hidden items to compare against
-		const expectedHiddenItems = 0;
-
-		// Check if the aria-label is correctly set
-		cy.get("#ag")
-			.as("ag")
-			.then($el => {
-				$el.get(0).innerHTML = "";
-				return $el;
-			});
-
-		// eslint-disable-next-line cypress/no-unnecessary-waiting
-		cy.wait(200);
-
-		cy.get("@ag")
-			.then($el => {
-				const avatar = document.createElement("ui5-avatar");
-				avatar.setAttribute("initials", "II");
-				$el.get(0).appendChild(avatar);
-				const ag = document.querySelector("#ag") as AvatarGroup;
-				return ag._hiddenItems;
-			})
-			.should("equal", expectedHiddenItems);
-	});
-});
-
-describe("Avatars", () => {
-	it("checks if no unnecessary margin is applied of only one Avatar is available", () => {
-		cy.mount(<AvatarGroup id="ag2" type="Group">
-			<Avatar id="av1" initials="II"></Avatar>
-			<Avatar id="av2" initials="II"></Avatar>
-		</AvatarGroup>);
-
-		cy.get("#av2").invoke("remove");
-
-		cy.get("#av1")
-			.invoke("attr", "style")
-			.should("equal", "");
-	});
-
-
-	it("tests if _color-scheme attribute is automatically set to avatars", () => {
-		const avatarCount = 20;
-		cy.mount(<AvatarGroup id="ag" type="Group">
-			{Array.from({ length: avatarCount }, (_, i) => {
-				return <Avatar initials="II"></Avatar>;
-			})}
-		</AvatarGroup>);
-
-		Array.from({ length: avatarCount }, (_, i) => {
-			const index = (i % 10) + 1;
-			cy.get("ui5-avatar").eq(i).should("have.attr", "_color-scheme", `Accent${index}`);
-		});
-	});
-});