@openui5/themelib_sap_horizon 1.134.0 → 1.135.0

package/THIRDPARTY.txt

@@ -6,7 +6,7 @@ The full text of all referenced licenses is appended at the end of this file.
 
 Library: sap.m:
 
-Component: purify.js, version: 3.1.7
+Component: purify.js, version: 3.2.4
 Copyright: Mario Heiderich
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -462,7 +462,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.24.0
+Component: SAP Theming Base Content, version: 11.28.2
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.134.0",
+  "version": "1.135.0",
   "description": "OpenUI5 Theme Library sap_horizon",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.134.0",
-    "@openui5/sap.m": "1.134.0",
-    "@openui5/sap.tnt": "1.134.0",
-    "@openui5/sap.ui.codeeditor": "1.134.0",
-    "@openui5/sap.ui.commons": "1.134.0",
-    "@openui5/sap.ui.core": "1.134.0",
-    "@openui5/sap.ui.dt": "1.134.0",
-    "@openui5/sap.ui.fl": "1.134.0",
-    "@openui5/sap.ui.mdc": "1.134.0",
-    "@openui5/sap.ui.integration": "1.134.0",
-    "@openui5/sap.ui.layout": "1.134.0",
-    "@openui5/sap.ui.rta": "1.134.0",
-    "@openui5/sap.ui.suite": "1.134.0",
-    "@openui5/sap.ui.table": "1.134.0",
-    "@openui5/sap.ui.unified": "1.134.0",
-    "@openui5/sap.ui.ux3": "1.134.0",
-    "@openui5/sap.uxap": "1.134.0"
+    "@openui5/sap.f": "1.135.0",
+    "@openui5/sap.m": "1.135.0",
+    "@openui5/sap.tnt": "1.135.0",
+    "@openui5/sap.ui.codeeditor": "1.135.0",
+    "@openui5/sap.ui.commons": "1.135.0",
+    "@openui5/sap.ui.core": "1.135.0",
+    "@openui5/sap.ui.dt": "1.135.0",
+    "@openui5/sap.ui.fl": "1.135.0",
+    "@openui5/sap.ui.mdc": "1.135.0",
+    "@openui5/sap.ui.integration": "1.135.0",
+    "@openui5/sap.ui.layout": "1.135.0",
+    "@openui5/sap.ui.rta": "1.135.0",
+    "@openui5/sap.ui.suite": "1.135.0",
+    "@openui5/sap.ui.table": "1.135.0",
+    "@openui5/sap.ui.unified": "1.135.0",
+    "@openui5/sap.ui.ux3": "1.135.0",
+    "@openui5/sap.uxap": "1.135.0"
   }
 }

package/src/sap/f/themes/sap_horizon/CardHeaders.less

@@ -7,5 +7,4 @@
 @_sap_f_CardHeaders_HeaderFocusBorderLeftOffset: 0px;
 @_sap_f_CardHeaders_HeaderFocusBorderBottomOffset: 0px;
 @_sap_f_CardHeaders_HeaderFocusBorderRightOffset: 0px;
-@_sap_f_CardHeaders_HeaderFocusBorderTopOffset: 0px;
-@_sap_f_CardHeaders_MainHeaderBorderRadius: 1rem 1rem 0 0;
+@_sap_f_CardHeaders_HeaderFocusBorderTopOffset: 0px;

package/src/sap/f/themes/sap_horizon/GridListItem.less

@@ -1,6 +1,6 @@
 /* =================================== */
 /* CSS for control sap.f/GridListItem  */
-/* Horizon theme                       */
+/* Morning Horizon theme               */
 /* =================================== */
 
 @_sap_f_GridListItem_HeaderBoxShadow: none;
@@ -8,4 +8,4 @@
 @_sap_f_GridListItem_HeaderHeight: 2.75rem;
 @_sap_f_GridListItem_FocusedHighlightOffset: 0.5rem;
 @_sap_f_GridListItem_HighlightBorderRadius: 1rem;
-@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;
+@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;

package/src/sap/f/themes/sap_horizon_dark/CardHeaders.less

@@ -7,5 +7,4 @@
 @_sap_f_CardHeaders_HeaderFocusBorderLeftOffset: 0px;
 @_sap_f_CardHeaders_HeaderFocusBorderBottomOffset: 0px;
 @_sap_f_CardHeaders_HeaderFocusBorderRightOffset: 0px;
-@_sap_f_CardHeaders_HeaderFocusBorderTopOffset: 0px;
-@_sap_f_CardHeaders_MainHeaderBorderRadius: 1rem 1rem 0 0;
+@_sap_f_CardHeaders_HeaderFocusBorderTopOffset: 0px;

package/src/sap/f/themes/sap_horizon_dark/GridListItem.less

@@ -8,4 +8,4 @@
 @_sap_f_GridListItem_HeaderHeight: 2.75rem;
 @_sap_f_GridListItem_FocusedHighlightOffset: 0.5rem;
 @_sap_f_GridListItem_HighlightBorderRadius: 1rem;
-@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;
+@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;

package/src/sap/f/themes/sap_horizon_hcb/GridContainer.less

@@ -1,6 +1,6 @@
-/* =================================== */
-/* CSS for control sap.f/GridContainer */
-/* Horizon High Contrast Black theme   */
-/* =================================== */
+/* ==================================== */
+/* CSS for control sap.f/GridContainer  */
+/* Horizon High Contrast Black theme    */
+/* ==================================== */
 
 @_sap_f_GridContainer_FocusBorderOffset: -2px;

package/src/sap/f/themes/sap_horizon_hcb/GridListItem.less

@@ -4,5 +4,4 @@
 /* =================================== */
 
 @_sap_f_GridListItem_HeaderBoxShadow: none;
-@_sap_f_GridListItem_HeaderHeight: 2.75rem;
-
+@_sap_f_GridListItem_HeaderHeight: 2.75rem;

package/src/sap/f/themes/sap_horizon_hcw/GridListItem.less

@@ -4,5 +4,4 @@
 /* =================================== */
 
 @_sap_f_GridListItem_HeaderBoxShadow: none;
-@_sap_f_GridListItem_HeaderHeight: 2.75rem;
-
+@_sap_f_GridListItem_HeaderHeight: 2.75rem;

package/src/sap/m/themes/sap_horizon/GenericTile.less

@@ -548,16 +548,6 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode,
 	font-weight: bold;
 }
 
-.OneByOne.tileWithAppInfo {
-
-	.sapMGTTInfoContainer {
-
-		.sapMGTTInfo {
-			background-color: var(--sapTile_Active_Background);
-		}
-	}
-}
-
 .TwoByOne.sapMGTActionMode {
 	border-radius: 1.25rem;
 

package/src/sap/m/themes/sap_horizon/IconTabBar.less

@@ -7,7 +7,6 @@
 /* Variables overriding */
 /* ========================================================================== */
 
-@_sap_m_IconTabBar_TextColor: var(--sapTextColor);
 @_sap_m_IconTabBar_TextShadow: none;
 @_sap_m_IconTabBar_Separator_Font_Size: var(--sapFontLargeSize);
 @_sap_m_IconTabBar_More_Button_Focus_Offset: -0.3125rem;
@@ -17,7 +16,6 @@
 /* ==================== Cozy size ==================== */
 
 /* Content arrow */
-@_sap_m_IconTabBar_ContentArrowBorderWidth: 0.1875rem;
 @_sap_m_IconTabBar_ContentArrowHeight: 0.875rem;
 
 /* Inline mode */
@@ -135,8 +133,7 @@
 /* Variables */
 /* ========================================================================== */
 
-@_sap_m_IconTabBar_TextHoverColor: var(--sapContent_Selected_ForegroundColor);
-@_sap_m_IconTabBar_SelectedTextColor: var(--sapContent_Selected_ForegroundColor);
+@_sap_m_IconTabBar_SelectedTextColor: var(--sapTab_Selected_Background);
 @_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
 @_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
 @_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -4px;
@@ -208,7 +205,7 @@
 	.sapMITBSelected {
 
 		.sapMITBContentArrow::after {
-			background: var(--sapContent_Selected_ForegroundColor);
+			background: var(--sapTab_ForegroundColor);
 		}
 	}
 
@@ -324,7 +321,6 @@
 }
 
 .sapMITBContentArrow {
-	border-bottom: none;
 	position: relative;
 
 	/* creates border bottom with rounded top corners */
@@ -334,7 +330,6 @@
 		bottom: 0;
 		left: 0;
 		right: 0;
-		height: @_sap_m_IconTabBar_ContentArrowBorderWidth;
 		border-radius: 0.125rem 0.125rem 0 0;
 	}
 }
@@ -392,7 +387,7 @@
 	.sapMITBFilterDefault.sapMITBSelected {
 
 		.sapMITBText {
-			color: var(--sapContent_Selected_ForegroundColor);
+			color: var(--sapTab_Selected_TextColor);
 		}
 
 		.sapMITBFilterExpandBtnSeparator {
@@ -407,99 +402,98 @@
 	.sapMITBFilterNeutral {
 
 		.sapMITBText {
-			color: var(--sapNeutralTextColor);
+			color: var(--sapTab_Neutral_TextColor);
 		}
 
 		.sapMITBFilterWrapper:hover .sapMITBText {
-			color: var(--sapNeutralTextColor);
+			color: var(--sapTab_Neutral_TextColor);
 		}
 
 		.sapMITBFilterExpandBtn:hover {
 
 			.sapMITBFilterExpandIcon {
-				color: var(--sapNeutralTextColor);
+				color: var(--sapTab_Neutral_TextColor);
 			}
 		}
 
 		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
-			border-color: var(--sapNeutralTextColor);
+			border-color: var(--sapTab_Neutral_TextColor);
 		}
 	}
 
 	.sapMITBFilterPositive {
 
 		.sapMITBText {
-			color: var(--sapPositiveTextColor);
+			color: var(--sapTab_Positive_TextColor);
 		}
 
 		.sapMITBFilterWrapper:hover .sapMITBText {
-			color: var(--sapPositiveTextColor);
+			color: var(--sapTab_Positive_TextColor);
 		}
 
 		.sapMITBFilterExpandBtn:hover {
 
 			.sapMITBFilterExpandIcon {
-				color: var(--sapPositiveTextColor) !important;
+				color: var(--sapTab_Positive_TextColor) !important;
 			}
 		}
 
 		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
-			border-color: var(--sapPositiveTextColor);
+			border-color: var(--sapTab_Positive_TextColor);
 		}
 	}
 
 	.sapMITBFilterNegative {
 
 		.sapMITBText {
-			color: var(--sapNegativeTextColor);
+			color: var(--sapTab_Negative_TextColor);
 		}
 
 		.sapMITBFilterWrapper:hover .sapMITBText {
-			color: var(--sapNegativeTextColor);
+			color: var(--sapTab_Negative_TextColor);
 		}
 
 		.sapMITBFilterExpandBtn:hover {
 
 			.sapMITBFilterExpandIcon {
-				color: var(--sapNegativeTextColor);
+				color: var(--sapTab_Negative_TextColor);
 			}
 		}
 
 		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
-			border-color: var(--sapNegativeTextColor);
+			border-color: var(--sapTab_Negative_TextColor);
 		}
 	}
 
 	.sapMITBFilterCritical {
 
 		.sapMITBText {
-			color: var(--sapCriticalTextColor);
+			color: var(--sapTab_Critical_TextColor);
 		}
 
 		.sapMITBFilterWrapper:hover .sapMITBText {
-			color: var(--sapCriticalTextColor);
+			color: var(--sapTab_Critical_TextColor);
 		}
 
 		.sapMITBFilterExpandBtn:hover {
 
 			.sapMITBFilterExpandIcon {
-				color: var(--sapCriticalTextColor);
+				color: var(--sapTab_Critical_TextColor);
 			}
 		}
 
 		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
-			border-color: var(--sapCriticalTextColor);
+			border-color: var(--sapTab_Critical_TextColor);
 		}
 	}
 }
 
 .sapMITBFilterIcon {
-	border: 2px solid var(--sapContent_Selected_ForegroundColor);
+	border: 0.125rem solid var(--sapTab_ForegroundColor);
 }
 
 .sapMITBFilterDefault {
-	border-color: var(--sapContent_Selected_ForegroundColor);
-	color: var(--sapContent_Selected_ForegroundColor);
+	color: var(--sapTab_IconColor);
 
 	.sapMITBFilterExpandBtnSeparator {
 		border-color: var(--sapTextColor);
@@ -510,55 +504,59 @@
 	}
 }
 
+.sapMITBTab .sapMITBFilterIcon {
+	background-color: var(--sapTab_Background);
+}
+
 .sapMITBFilterNeutral {
-	color: var(--sapNeutralElementColor);
-	border-color: var(--sapNeutralElementColor);
+	color: var(--sapTab_Neutral_IconColor);
+	border-color: var(--sapTab_Neutral_ForegroundColor);
 
 	.sapMITBFilterExpandBtnSeparator {
-		border-color: var(--sapNeutralTextColor);
+		border-color: var(--sapTab_Neutral_TextColor);
 	}
 
-	.sapMITBFilterExpandIcon {
-		color: var(--sapNeutralTextColor) !important;
+	&.sapMITBItem.sapMITBFilterWithItems .sapMITBFilterExpandIcon.sapUiIcon {
+		color: var(--sapTab_Neutral_TextColor);
 	}
 }
 
 .sapMITBFilterPositive {
-	color: var(--sapPositiveElementColor);
-	border-color: var(--sapPositiveElementColor);
+	color: var(--sapTab_Positive_IconColor);
+	border-color: var(--sapTab_Positive_ForegroundColor);
 
 	.sapMITBFilterExpandBtnSeparator {
-		border-color: var(--sapPositiveTextColor);
+		border-color: var(--sapTab_Positive_TextColor);
 	}
 
-	.sapMITBFilterExpandIcon {
-		color: var(--sapPositiveTextColor) !important;
+	&.sapMITBItem.sapMITBFilterWithItems .sapMITBFilterExpandIcon.sapUiIcon {
+		color: var(--sapTab_Positive_TextColor);
 	}
 }
 
-.sapMITBFilterNegative:not(.sapMITBTextOnly) {
-	color: var(--sapNegativeElementColor);
-	border-color: var(--sapNegativeElementColor);
+.sapMITBFilterNegative {
+	color: var(--sapTab_Negative_IconColor);
+	border-color: var(--sapTab_Negative_ForegroundColor);
 
 	.sapMITBFilterExpandBtnSeparator {
-		border-color: var(--sapNegativeTextColor);
+		border-color: var(--sapTab_Negative_TextColor);
 	}
 
-	.sapMITBFilterExpandIcon {
-		color: var(--sapNegativeTextColor) !important;
+	&.sapMITBItem.sapMITBFilterWithItems .sapMITBFilterExpandIcon.sapUiIcon {
+		color: var(--sapTab_Negative_TextColor);
 	}
 }
 
 .sapMITBFilterCritical {
-	color: var(--sapCriticalElementColor);
-	border-color: var(--sapCriticalElementColor);
+	color: var(--sapTab_Critical_IconColor);
+	border-color: var(--sapTab_Critical_ForegroundColor);
 
 	.sapMITBFilterExpandBtnSeparator {
-		border-color: var(--sapCriticalTextColor);
+		border-color: var(--sapTab_Critical_TextColor);
 	}
 
-	.sapMITBFilterExpandIcon {
-		color: var(--sapCriticalTextColor) !important;
+	&.sapMITBItem.sapMITBFilterWithItems .sapMITBFilterExpandIcon.sapUiIcon {
+		color: var(--sapTab_Critical_TextColor);
 	}
 }
 
@@ -567,46 +565,61 @@
 	.sapMITBFilterNeutral {
 
 		.sapMITBFilterExpandBtnSeparator {
-			border-color: var(--sapNeutralElementColor);
+			border-color: var(--sapTab_Neutral_TextColor);
 		}
 
-		.sapMITBFilterExpandIcon {
-			color: var(--sapNeutralElementColor) !important;
+		&.sapMITBItem.sapMITBFilterWithItems  .sapMITBFilterExpandIcon.sapUiIcon {
+			color: var(--sapTab_Neutral_TextColor);
 		}
 	}
 
 	.sapMITBFilterPositive {
 
 		.sapMITBFilterExpandBtnSeparator {
-			border-color: var(--sapPositiveElementColor);
+			border-color: var(--sapTab_Positive_TextColor);
 		}
 
-		.sapMITBFilterExpandIcon {
-			color: var(--sapPositiveElementColor) !important;
+		&.sapMITBItem.sapMITBFilterWithItems  .sapMITBFilterExpandIcon.sapUiIcon {
+			color: var(--sapTab_Positive_TextColor);
 		}
 	}
 
+	.sapMITBSelected .sapMITBFilterPositive {
+		background: var(--sapTab_Positive_Selected_Background);
+		color: var(--sapTab_Positive_Selected_IconColor);
+	}
+
 	.sapMITBFilterNegative {
 
 		.sapMITBFilterExpandBtnSeparator {
-			border-color: var(--sapNegativeElementColor);
+			border-color: var(--sapTab_Negative_TextColor);
 		}
 
-		.sapMITBFilterExpandIcon {
-			color: var(--sapNegativeElementColor) !important;
+		&.sapMITBItem.sapMITBFilterWithItems  .sapMITBFilterExpandIcon.sapUiIcon {
+			color: var(--sapTab_Negative_TextColor);
 		}
 	}
 
+	.sapMITBSelected .sapMITBFilterNegative {
+		background: var(--sapTab_Negative_Selected_Background);
+		color: var(--sapTab_Negative_Selected_IconColor);
+	}
+
 	.sapMITBFilterCritical {
 
 		.sapMITBFilterExpandBtnSeparator {
-			border-color: var(--sapCriticalElementColor);
+			border-color: var(--sapTab_Critical_TextColor);
 		}
 
-		.sapMITBFilterExpandIcon {
-			color: var(--sapCriticalElementColor) !important;
+		&.sapMITBItem.sapMITBFilterWithItems  .sapMITBFilterExpandIcon.sapUiIcon {
+			color: var(--sapTab_Critical_TextColor);
 		}
 	}
+
+	.sapMITBSelected .sapMITBFilterCritical {
+		background: var(--sapTab_Critical_Selected_Background);
+		color: var(--sapTab_Critical_Selected_IconColor);
+	}
 }
 
 .sapMITBSelected {
@@ -616,44 +629,24 @@
 	}
 
 	&.sapMITBFilterNeutral .sapMITBContentArrow::after {
-		background: var(--sapNeutralElementColor);
+		background: var(--sapTab_Neutral_ForegroundColor);
 	}
 
 	&.sapMITBFilterPositive .sapMITBContentArrow::after {
-		background: var(--sapPositiveElementColor);
+		background: var(--sapTab_Positive_ForegroundColor);
 	}
 
 	&.sapMITBFilterNegative .sapMITBContentArrow::after {
-		background: var(--sapNegativeElementColor);
+		background: var(--sapTab_Negative_ForegroundColor);
 	}
 
 	&.sapMITBFilterCritical .sapMITBContentArrow::after {
-		background: var(--sapCriticalElementColor);
+		background: var(--sapTab_Critical_ForegroundColor);
 	}
 
 	.sapMITBFilterDefault {
 		background: @_sap_m_IconTabBar_SelectedTextColor;
-		color: var(--sapContent_ContrastIconColor);
-	}
-
-	.sapMITBFilterNeutral {
-		background: var(--sapNeutralElementColor);
-		color: var(--sapContent_ContrastIconColor);
-	}
-
-	.sapMITBFilterPositive {
-		background: var(--sapPositiveElementColor);
-		color: var(--sapContent_ContrastIconColor);
-	}
-
-	.sapMITBFilterNegative {
-		background: var(--sapNegativeElementColor);
-		color: var(--sapContent_ContrastIconColor);
-	}
-
-	.sapMITBFilterCritical {
-		background: var(--sapCriticalElementColor);
-		color: var(--sapContent_ContrastIconColor);
+		color: var(--sapTab_Selected_IconColor);
 	}
 }
 
@@ -930,7 +923,6 @@ html.sap-desktop {
 .sapMITH {
 
 	.sapMITBFilterWithItems .sapMITBFilterExpandBtn {
-		margin-left: -1px;
-		/* to hide the separator on hover over the button */
+		margin-left: -1px; /* to hide the separator on hover over the button */
 	}
 }

package/src/sap/m/themes/sap_horizon/MessageStrip.less

@@ -3,9 +3,6 @@
 /* Horizon theme                       */
 /* =================================== */
 
-.sapMMsgStrip {
-	border-radius: var(--sapPopover_BorderCornerRadius);
-}
 
 .sapMMsgStripInformation {
 	background-color: var(--sapInformationBackground);

package/src/sap/m/themes/sap_horizon/Table.less

@@ -3,14 +3,23 @@
 /* Horizon theme                */
 /* ============================ */
 
-@_sap_m_Table_SelNavColWidth: 2.75rem;
-@_sap_m_Table_CustomFocusMargin: 0;
-
 .sapMListBGTransparent .sapMListTblHeader,
 .sapMListBGTransparent .sapMListTblFooter {
 	background-color: fade(@sapUiListBackground, 0%);
 }
 
+.sapMListTblSelCol,
+.sapMListTblHasNav .sapMListTblNavCol {
+	width: 2.75rem;
+}
+
+.sapMTableRowCustomFocus:focus {
+	& + .sapMListTblSubRow > td::before,
+	& > :not(.sapMListTblDummyCell:last-child)::before {
+		margin-right: 0; /* make the focus border clearly visible on all sides */
+	}
+}
+
 .sapMListBGTranslucent .sapMListTblHeader,
 .sapMListBGTranslucent .sapMListTblFooter {
 	background-color: var(--sapList_Background);

package/src/sap/m/themes/sap_horizon/TimePicker.less

@@ -3,6 +3,6 @@
 /* Horizon theme                     */
 /* ================================= */
 
-@_sap_m_TimePicker_ItemColor: @sapUiLegendWorkingBackground;
-@_sap_m_TimePicker_ItemHoverColor: @sapUiListHoverBackground;
-@_sap_m_TimePicker_ItemBorderColor: @sapUiListBackground;
+@_sap_m_TimePicker_ItemColor: var(--sapLegend_WorkingBackground);
+@_sap_m_TimePicker_ItemHoverColor: var(--sapList_Hover_Background);
+@_sap_m_TimePicker_ItemBorderColor: var(--sapList_Background);