diff --git a/src/sap.m/src/sap/m/ListItemBase.js b/src/sap.m/src/sap/m/ListItemBase.js
index 8b818fcb3332..51406594922c 100644
--- a/src/sap.m/src/sap/m/ListItemBase.js
+++ b/src/sap.m/src/sap/m/ListItemBase.js
@@ -113,7 +113,8 @@ function(
* Defines the highlight state of the list items.
*
* Valid values for the highlight
property are values of the enumerations {@link sap.ui.core.MessageType} or
- * {@link sap.ui.core.IndicationColor}.
+ * {@link sap.ui.core.IndicationColor} (only values of Indication01
to Indication10
are supported
+ * for accessibility contrast reasons).
*
* Accessibility support is provided through the associated {@link sap.m.ListItemBase#setHighlightText highlightText} property.
* If the highlight
property is set to a value of {@link sap.ui.core.MessageType}, the highlightText
diff --git a/src/sap.m/src/sap/m/themes/base/ListItemBase.less b/src/sap.m/src/sap/m/themes/base/ListItemBase.less
index 6379d3683f60..c70a14af96a4 100644
--- a/src/sap.m/src/sap/m/themes/base/ListItemBase.less
+++ b/src/sap.m/src/sap/m/themes/base/ListItemBase.less
@@ -156,6 +156,14 @@
background: var(--sapIndicationColor_8);
}
+.sapMLIBHighlightIndication09 {
+ background: var(--sapIndicationColor_9);
+}
+
+.sapMLIBHighlightIndication10 {
+ background: var(--sapIndicationColor_10);
+}
+
:not(.sapMListModeDelete) > .sapMLIB.sapMLIBTypeNavigation {
padding-right: 0;
}
diff --git a/src/sap.m/test/sap/m/qunit/ListBase.qunit.js b/src/sap.m/test/sap/m/qunit/ListBase.qunit.js
index 672a14608d3b..7485351c068c 100644
--- a/src/sap.m/test/sap/m/qunit/ListBase.qunit.js
+++ b/src/sap.m/test/sap/m/qunit/ListBase.qunit.js
@@ -2572,7 +2572,7 @@ sap.ui.define([
assert.ok(oLI.getDomRef().firstChild.classList.contains("sapMLIBHighlight" + sHighlight), sHighlight + " Highlight is rendered");
};
- const aHighlightColors = ["Error", "Warning", "Success", "Information", "Indication01", "Indication02", "Indication03", "Indication04", "Indication05"];
+ const aHighlightColors = ["Error", "Warning", "Success", "Information", "Indication01", "Indication02", "Indication03", "Indication04", "Indication05", "Indication06", "Indication07", "Indication08", "Indication09", "Indication10"];
for (let i = 0; i < aHighlightColors.length; i++) {
await fnTestHighlight(aHighlightColors[i]);
}
diff --git a/src/sap.ui.mdc/src/sap/ui/mdc/table/RowSettings.js b/src/sap.ui.mdc/src/sap/ui/mdc/table/RowSettings.js
index 0ade9bdbd72f..412c968b2eb3 100644
--- a/src/sap.ui.mdc/src/sap/ui/mdc/table/RowSettings.js
+++ b/src/sap.ui.mdc/src/sap/ui/mdc/table/RowSettings.js
@@ -35,7 +35,8 @@ sap.ui.define([
*
* If the highlight is set to {@link sap.ui.core.MessageType sap.ui.core.MessageType.None} (default), no highlights are visible.
* Valid values for the highlight
property are values of the enumerations {@link sap.ui.core.MessageType} or
- * {@link sap.ui.core.IndicationColor}.
+ * {@link sap.ui.core.IndicationColor} (only values of Indication01
to Indication10
are supported
+ * for accessibility contrast reasons).
*
* Accessibility support is provided with the {@link sap.ui.mdc.table.RowSettings#setHighlightText highlightText} property.
* If the highlight
property is set to a value of {@link sap.ui.core.MessageType}, the highlightText
diff --git a/src/sap.ui.table/src/sap/ui/table/RowSettings.js b/src/sap.ui.table/src/sap/ui/table/RowSettings.js
index 9d1ae458a219..69f4b108c9a6 100644
--- a/src/sap.ui.table/src/sap/ui/table/RowSettings.js
+++ b/src/sap.ui.table/src/sap/ui/table/RowSettings.js
@@ -42,7 +42,8 @@ sap.ui.define([
*
* If the highlight is set to {@link sap.ui.core.MessageType sap.ui.core.MessageType.None} (default), no highlights are visible.
* Valid values for the highlight
property are values of the enumerations {@link sap.ui.core.MessageType} or
- * {@link sap.ui.core.IndicationColor}.
+ * {@link sap.ui.core.IndicationColor} (only values of Indication01
to Indication10
are supported
+ * for accessibility contrast reasons).
*
* Accessibility support is provided through the associated {@link sap.ui.table.RowSettings#setHighlightText highlightText} property.
* If the highlight
property is set to a value of {@link sap.ui.core.MessageType}, the highlightText
diff --git a/src/sap.ui.table/src/sap/ui/table/themes/base/RowHighlight.less b/src/sap.ui.table/src/sap/ui/table/themes/base/RowHighlight.less
index 43aa2cabd264..9be2e5f17fad 100644
--- a/src/sap.ui.table/src/sap/ui/table/themes/base/RowHighlight.less
+++ b/src/sap.ui.table/src/sap/ui/table/themes/base/RowHighlight.less
@@ -15,6 +15,8 @@
@_sap_ui_table_RowHighlight_Indication06Color: @sapUiIndication6;
@_sap_ui_table_RowHighlight_Indication07Color: @sapUiIndication7;
@_sap_ui_table_RowHighlight_Indication08Color: @sapUiIndication8;
+@_sap_ui_table_RowHighlight_Indication09Color: @sapUiIndication9;
+@_sap_ui_table_RowHighlight_Indication10Color: @sapUiIndication10;
.sapUiTableRowHighlight {
height: 100%;
@@ -77,4 +79,12 @@
&.sapUiTableRowHighlightIndication08 {
background-color: @_sap_ui_table_RowHighlight_Indication08Color;
}
+
+ &.sapUiTableRowHighlightIndication09 {
+ background-color: @_sap_ui_table_RowHighlight_Indication09Color;
+ }
+
+ &.sapUiTableRowHighlightIndication10 {
+ background-color: @_sap_ui_table_RowHighlight_Indication10Color;
+ }
}
\ No newline at end of file
diff --git a/src/sap.ui.table/test/sap/ui/table/qunit/RowSettings.qunit.js b/src/sap.ui.table/test/sap/ui/table/qunit/RowSettings.qunit.js
index a0cefabc536f..a13e0bcf76bc 100644
--- a/src/sap.ui.table/test/sap/ui/table/qunit/RowSettings.qunit.js
+++ b/src/sap.ui.table/test/sap/ui/table/qunit/RowSettings.qunit.js
@@ -43,7 +43,9 @@ sap.ui.define([
{highlight: IndicationColor.Indication05},
{highlight: IndicationColor.Indication06},
{highlight: IndicationColor.Indication07},
- {highlight: IndicationColor.Indication08}
+ {highlight: IndicationColor.Indication08},
+ {highlight: IndicationColor.Indication09},
+ {highlight: IndicationColor.Indication10}
]),
columns: TableQUnitUtils.createTextColumn(),
rowMode: new FixedRowMode({
@@ -161,6 +163,12 @@ sap.ui.define([
case IndicationColor.Indication08:
sRGBBackgroundColor = this.getColorRgb("sapUiIndication8");
break;
+ case IndicationColor.Indication09:
+ sRGBBackgroundColor = this.getColorRgb("sapUiIndication9");
+ break;
+ case IndicationColor.Indication10:
+ sRGBBackgroundColor = this.getColorRgb("sapUiIndication10");
+ break;
default:
sRGBBackgroundColor = "transparent"; // transparent
}
@@ -316,6 +324,10 @@ sap.ui.define([
sCSSClassName += "Indication07";
} else if (iRowIndex === 12) {
sCSSClassName += "Indication08";
+ } else if (iRowIndex === 13) {
+ sCSSClassName += "Indication09";
+ } else if (iRowIndex === 14) {
+ sCSSClassName += "Indication10";
}
assert.strictEqual(oRowSettings._getHighlightCSSClassName(), sCSSClassName,