@openui5/themelib_sap_horizon 1.108.17 → 1.108.18

package/src/sap/m/themes/sap_horizon_hcw/Panel.less

@@ -4,7 +4,7 @@
 /* ================================== */
 
 .sapMPanel {
-	min-height: 2.5rem;
+	min-height: 2.75rem;
 }
 
 .sapMPanelBGSolid {
@@ -41,6 +41,10 @@
 	border-bottom: 0.0625rem solid @sapUiGroupTitleBorderColor;
 }
 
+.sapMPanelContent {
+	padding: 0.625rem 1rem;
+}
+
 .sapMPanel .sapMPanelHdr {
 	line-height: 2.75rem;
 	height: 2.75rem;
@@ -51,9 +55,13 @@
 	font-size: 1.375rem;
 }
 
-.sapUiSizeCompact .sapMPanelWrappingDiv .sapUiIcon {
-	width: 2rem;
-	font-size: 1rem;
+.sapUiSizeCompact {
+	.sapMPanel {
+		min-height: 2.5rem;
+	}
+	.sapMPanelWrappingDiv .sapUiIcon {
+		width: 2rem;
+	}
 }
 
 .sapMPanelWrappingDiv .sapUiIcon {

package/src/sap/m/themes/sap_horizon_hcw/Popover.less

@@ -161,4 +161,10 @@
 /* pointing left arrow */
 .sapMPopoverArrLeft:after {
 	margin: 0.125rem 0 0 0.3125rem;
+}
+
+.sapMPopoverResizeHandle {
+	top: -8px;
+	right: -3px;
+	color: @sapButton_Lite_TextColor;
 }

package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less

@@ -138,7 +138,7 @@
 .sapMRbWarn.sapMRbSel,
 .sapMRbWarn.sapMRbSel.sapMRbRo {
 	.sapMRbBInn {
-		fill: @sapUiFieldTextColor;
+		fill: @sapUiFieldWarningColor;
 		stroke: none;
 	}
 }

package/src/sap/m/themes/sap_horizon_hcw/SearchField.less

@@ -8,7 +8,6 @@
 // ==========================================================================
 
 @_sap_m_SearchField_Height: 2.75rem;
-@_sap_m_SearchField_FormHeight: 2.25rem;
 @_sap_m_SearchField_ButtonSize: 2.25rem;
 @_sap_m_SearchField_ButtonFontSize: 1rem;
 @_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
@@ -57,7 +56,6 @@
 }
 
 .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
-	box-shadow: @sapUiContentInteractionShadow;
 	background-color: @sapUiFieldHoverBackground;
 }
 

package/src/sap/m/themes/sap_horizon_hcw/Select.less

@@ -11,6 +11,27 @@
 	border-radius: 0.365rem;
 }
 
+/* arrow styles */
+
+.sapMSlt > .sapMSltArrow {
+	line-height: 2.25rem;
+}
+
+.sapUiSizeCompact .sapMSlt > .sapMSltArrow {
+	line-height: 1.625rem;
+}
+
+.sapMSltArrow {
+    width: 2.25rem;
+    height: 2.25rem;
+}
+
+.sapUiSizeCompact .sapMSltArrow {
+    width: 2rem;
+    height: 1.625rem;
+}
+
+
 /* hover and focus */
 
 .sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
@@ -121,20 +142,14 @@ div.sapMSltPicker {
 	}
 }
 
-/* hover */
-
-.sapMSltHoverable:not(.sapMSltPressed):hover > .sapMSltArrow {
+.sapMSlt > .sapMSltArrow {
 	border-left: 0.0625rem solid @sapUiListSelectionBorderColor;
 }
 
 /* pressed */
 
-.sapMSltPressed > .sapMSltArrow {
-	border-left: 0.0625rem solid @sapUiListSelectionBorderColor;
-
-	&:hover {
-		background: @sapUiButtonLiteHoverBackground;
-	}
+.sapMSltPressed > .sapMSltArrow:hover {
+	background: @sapUiButtonLiteHoverBackground;
 }
 
 /* ====================================================== */

package/src/sap/m/themes/sap_horizon_hcw/SelectList.less

@@ -25,7 +25,6 @@
 .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
 /* focus */
 html.sap-desktop .sapMSelectListItemBase:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 	outline-offset: -0.1875rem;
 }
 

package/src/sap/m/themes/sap_horizon_hcw/Slider.less

@@ -26,7 +26,8 @@
 	top: -.0625rem;
 }
 
-.sapMSliderInner:not(.sapMSliderInnerDisabled):hover > .sapMSliderHandle {
+.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
+.sapMSliderHandle:hover {
 	background: @sapUiSliderHoverHandleBackground;
 	border-color: @sapUiSliderHoverHandleBorderColor;
 	box-shadow: @sapUiContentSelectedShadow;

package/src/sap/m/themes/sap_horizon_hcw/TextArea.less

@@ -3,10 +3,29 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
+@_sapMTextAreaPadding: 0.375rem 0.5rem 0.3125rem;
+@_sapMTextAreaPadding_Compact: 0.0625rem 0.375rem 0;
+@_sapMTextAreaReadonlyPadding: 0.375rem 0.625rem 0.3125rem;
+@_sapMTextAreaReadonlyPadding_Compact: 0.0625rem 0.375rem 0;
+@_sapMTextAreaValueStateSuccessPadding: 0.375rem 0.5rem 0.3125rem;
+@_sapMTextAreaValueStateSuccessPadding_Compact: 0.0625rem 0.375rem 0;
+@_sapMTextAreaValueStateInformationPadding: 0.4375rem 0.5625rem 0.375rem;
+@_sapMTextAreaValueStateInformationPadding_Compact: 0.125rem 0.4375rem 0.0625rem;
+@_sapMTextAreaValueStateErrorWarningPadding: 0.375rem 0.5rem 0.3125rem;
+@_sapMTextAreaValueStateErrorWarningPadding_Compact: 0.0625rem 0.375rem 0;
+
 .sapMFocus.sapMTextArea {
 	& .sapMInputBaseContentWrapper {
 		.sapMInputBaseInner {
 			outline-offset: -3px;
 		}
 	}
+}
+
+.sapMInputBase.sapMTextArea .sapMTextAreaInner {
+	line-height: 1.5;
+}
+
+.sapMTextAreaMirror {
+	line-height: 1.5;
 }

package/src/sap/m/themes/sap_horizon_hcw/Title.less

@@ -0,0 +1,12 @@
+/* ======================================== */
+/* CSS for control sap.m/Title				*/
+/* Horizon High Contrast White theme        */
+/* ======================================== */
+
+.sapFFCL .sapFDynamicPage-Std-Desktop-XL .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
+.sapFFCL .sapFDynamicPage-Std-Desktop .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
+.sapFFCL .sapFDynamicPage-Std-Tablet .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
+.sapFFCL .sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
+	font-size: @sapObjectHeader_Title_SnappedFontSize;
+	font-family: @sapFontBlackFamily;
+}

package/src/sap/m/themes/sap_horizon_hcw/Token.less

@@ -12,6 +12,8 @@
 .sapMToken {
 	padding-left: @_sap_m_Token_LeftPadding;
 	border-radius: 0.25rem;
+	color: @sapTextColor;
+	font-size: @sapFontSize;
 }
 
 html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
@@ -24,6 +26,11 @@ html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
 	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
 }
 
+html.sap-desktop .sapMToken:focus {
+	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline-offset: -0.1875rem;
+}
+
 html.sap-desktop .sapMToken {
 	&.sapMTokenReadOnly,
 	&.sapMTokenReadOnly:hover,
@@ -34,19 +41,20 @@ html.sap-desktop .sapMToken {
 		border: @sapUiButtonBorderWidth solid @sapUiFieldReadOnlyBorderColor;
 	}
 }
-html.sap-desktop .sapMToken:focus {
-	outline: none;
+
+.sapMToken.sapMTokenReadOnly {
+	padding: 0.25rem 0.3125rem;
+	color: @sapUiContentLabelColor;
+
+	.sapMTokenText {
+		line-height: 1rem;
+	}
 }
 
-html.sap-desktop .sapMToken:focus::after {
-	content: '';
-	position: absolute;
-	pointer-events: none;
-	z-index: 2;
-	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiFieldActiveBorderColor;
-	border-radius: 0.25rem;
-	top: 0.0625rem;
-	bottom: 0.0625rem;
-	left: 0.0625rem;
-	right: 0.0625rem;
+.sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
+	padding: 0.125rem 0.25rem;
+
+	.sapMTokenText {
+		line-height: 0.875rem;
+	}
 }

package/src/sap/m/themes/sap_horizon_hcw/Tokenizer.less

@@ -36,9 +36,16 @@ html.sap-desktop .sapMTokenizer.sapMTokenizerReadonly {
 	}
 }
 
+.sapMTokenizer.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
+	padding: 0.25rem 0.3125rem;
+}
+
 .sapUiSizeCompact {
 	.sapMTokenizer {
 		padding-left: 0.25rem;
+		&.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
+			padding: 0.125rem 0.25rem;
+		}
 		.sapMToken {
 			margin-right: 0.25rem;
 			margin-top: 0.0625rem;

package/src/sap/m/themes/sap_horizon_hcw/library.source.less

@@ -110,6 +110,7 @@
 @import "Token.less";
 @import "Tokenizer.less";
 @import "Toolbar.less";
+@import "Title.less";
 @import "UploadCollection.less";
 @import "ValueStateHeader.less";
 @import "ValueStateMessage.less";

package/src/sap/tnt/themes/sap_horizon/NavigationList.less

@@ -4,8 +4,22 @@
 /* ======================================= */
 
 @_sap_tnt_NavigationList_CollapsedWidth: 3.5rem;
-@_sap_tnt_NavigationList_IconColor: @sapHighlightColor;
+@_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
 @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
-@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
-@_sap_tnt_NavigationList_ItemHeight: 2.75rem;
-@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
+@_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
+@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
+@_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
+@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
+@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
+@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
+@_sap_tnt_NavigationList_SelectedItemBorder: none;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
+@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
+@_sap_tnt_NavigationList_GroupBorder: none;
+@_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
+@_sap_tnt_NavigationList_GroupTextWeight: bold;
+@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
+@_sap_tnt_NavigationList_Padding: 0.5rem;
+@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
+@_sap_tnt_NavigationList_PopupPadding: 0.5rem;
+@_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;

package/src/sap/tnt/themes/sap_horizon/SideNavigation.less

@@ -3,7 +3,16 @@
 /* Horizon theme                           */
 /* ======================================= */
 
+@_sap_tnt_SideNavigation_Width: 16rem;
 @_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
-@_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapAccentColor6;
+@_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.5rem;
+@_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed: 0.5rem;
+@_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapUiToolbarSeparatorColor;
+@_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
-@_sap_tnt_SideNavigation_TriangleColor: @sapContent_NonInteractiveIconColor;
+@_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
+@_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
+@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
+@_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
+@_sap_tnt_SideNavigation_SeparatorMargin: 0.3125rem 0.5rem 0.3125rem 0.5rem;
+@_sap_tnt_SideNavigation_TriangleDisplay: none;