@openui5/themelib_sap_belize 1.127.1 → 1.129.0

package/src/sap/m/themes/sap_belize_base/SlideTile.less

@@ -192,16 +192,34 @@ html.sap-tablet .sapMGTHvrOutln:active {
 .sapMSTBulleted {
 	position: absolute;
 	text-align: center;
-	bottom: 0.25rem;
+	bottom: 0.0625rem;
 	width: 100%;
 	z-index: 1;
 	cursor: pointer;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 1.5rem;
+	bottom: 0.25rem;
+	.sapMSTIndicatorWrapper {
+		display: flex;
+		max-width: 7.5rem;
+		overflow: hidden;
+		.sapMSTIndicatorTapArea {
+			min-width: 24px;
+			min-height: 24px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			transition: transform 0.5s ease
+		}
+	}
 }
 
-.sapMSTBulleted > span {
+.sapMSTBulleted .sapMSTIndicator {
 	display: inline-block;
-	height: 0.375rem;
-	width: 0.375rem;
+	height: 0.5rem;
+	width: 0.5rem;
 	margin: 0 0.25rem;
 	border-radius: 50%;
 }
@@ -261,12 +279,6 @@ html.sap-tablet .sapMST .sapMSTIconClickTapArea {
 	width: 3rem;
 }
 
-html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTIconDisplayArea,
-html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTIconNestedArea,
-html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTBulleted {
-	visibility: hidden;
-}
-
 .sapMTileSmallPhone {
 	&.sapMST.OneByOne {
 		width: 9.25rem;
@@ -281,4 +293,228 @@ html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTBulleted {
 	&.sapMSTBulleted {
 		bottom: 0.188rem;
 	}
+}
+
+.sapMST {
+	.sapMTileCnt.News {
+		.sapMNwCCTxt {
+			margin-top: 0;
+			.sapMFT {
+				display: -webkit-box;
+				-webkit-box-orient: vertical;
+				-webkit-line-clamp: 2;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+		}
+		.sapMNwCSbh {
+			.sapMFT {
+				text-overflow: ellipsis;
+				white-space: nowrap;
+				overflow: hidden;
+			}
+		}
+	}
+	&.sapMSTIndicatorVisible {
+		.sapMSTBulleted {
+			.sapMBtn {
+				.sapUiIcon {
+					color: @sapUiContentNonInteractiveIconColor;
+				}
+			}
+		}
+		.sapMGenericTileFtrFld {
+			top: 0.5rem;
+		}
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.Stretch {
+	.sapMGenericTileFtrFldTxt {
+		.sapMText {
+			width: -webkit-calc(~'100% - 40px');
+			font-family: @sapFontBoldFamily;
+			font-size: @sapFontSize;
+			line-height: normal;
+			text-shadow: @sapContent_TextShadow;
+		}
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.Stretch.sapMTileSmallPhone {
+	.sapMGenericTileFtrFldTxt {
+		.sapMText {
+			font-size: @sapFontSmallSize;
+		}
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.TwoByOne {
+	.sapMGT.TwoByOne {
+		.sapMTileCnt.News {
+			height: 6.375rem;
+			margin-top: 0;
+			.sapMTileCntContent{
+				height: 3rem;
+				.sapMNwC {
+					max-height: 3rem;
+					.sapMNwCCTxt {
+						max-height: 2rem;
+						.sapMText {
+							font-size: @sapFontSize;
+							font-family: @sapFontBoldFamily;
+						}
+						.sapMFT {
+							font-size: @sapFontSize;
+							font-family: @sapFontBoldFamily;
+						}
+					}
+				}
+			}
+			.sapMTileCntFtrTxt {
+				bottom: 1.875rem;
+				font-family: @sapFontFamily;
+				font-size: @sapFontSmallSize;
+				line-height: normal;
+			}
+		}
+	}
+	.sapMSTBulleted {
+		bottom: 0.25rem;
+	}
+	.sapMGenericTileFtrFldTxt {
+		.sapMText {
+			width: 17.125rem;
+			font-family: @sapFontBoldFamily;
+			font-size: @sapFontSize;
+			line-height: normal;
+			text-shadow: @sapContent_TextShadow;
+		}
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.OneByOne {
+	.sapMGT.OneByOne {
+		.sapMGTHdrContent {
+			height: 3.375rem;
+			padding: 0;
+		}
+		.sapMGTContent {
+			height: 7.625rem;
+			.sapMTileCnt.News {
+				height: 100%;
+				margin: 0;
+				.sapMTileCntContent{
+					margin: 0.5rem 0 0.5rem 0;
+					height: 2.625rem;
+					.sapMFT {
+						font-size: @sapFontSmallSize;
+					}
+				}
+				.sapMTileCntFtrTxt {
+					bottom: 3rem;
+					font-family: @sapFontFamily;
+					font-size: @sapFontSmallSize;
+					line-height: normal;
+				}
+			}
+		}
+	}
+	.sapMSTBulleted {
+		bottom: 1rem;
+		.sapMSTIndicatorWrapper {
+			max-width: 6rem;
+		}
+	}
+	.sapMGenericTileFtrFld {
+		display: flex;
+		flex-direction: column;
+		gap: 0.25rem;
+		.sapMGenericTileFtrFldTxt {
+			padding: 0;
+			.sapMText {
+				width: 7.8125rem;
+				font-family: @sapFontBoldFamily;
+				font-size: @sapFontSmallSize;
+				line-height: normal;
+				text-shadow: @sapContent_TextShadow;
+			}
+		}
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.sapMTileSmallPhone.TwoByOne {
+	.sapMGT.TwoByOne {
+		.sapMGTHdrContent {
+			height: 3.1875rem;
+			padding: 0;
+		}
+		.sapMGTContent {
+			height: 6.125rem;
+			.sapMTileCnt.News {
+				height: 100%;
+				.sapMTileCntContent {
+					height: 2.5rem;
+					.sapMNwC {
+					height: 2.5rem;
+						.sapMNwCCTxt {
+							height: 1.75rem;
+						}
+						.sapMNwCSbh {
+							height: 14px;
+						}
+						.sapMFT {
+							font-size: @sapFontSmallSize;
+						}
+					}
+				}
+			}
+			.sapMTileCntFtrTxt {
+				bottom: 2.25rem;
+			}
+		}
+	}
+	.sapMSTBulleted {
+		bottom: 0.5rem;
+	}
+	.sapMGenericTileFtrFldTxt {
+		.sapMText {
+			width: 13.6875rem;
+			font-size: @sapFontSmallSize;
+		}
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.sapMTileSmallPhone.OneByOne {
+	.sapMGT.OneByOne {
+		.sapMGTContent {
+			height: 5.875rem;
+			.sapMTileCnt.News {
+				height: inherit;
+				margin-top: 0;
+				.sapMTileCntContent {
+					height: 2.625rem;
+					margin-bottom: 0.125rem;
+					.sapMNwC {
+						height: inherit;
+					}
+
+				}
+				.sapMTileCntFtrTxt {
+					bottom: 1.6875rem
+				}
+			}
+		}
+	}
+	.sapMSTBulleted {
+		bottom: 0.25rem;
+		.sapMSTIndicatorWrapper {
+			max-width: 4.5rem;
+		}
+	}
+	.sapMGenericTileFtrFldTxt {
+		.sapMText {
+			width: 6.125rem;
+		}
+	}
 }

package/src/sap/m/themes/sap_belize_base/TileContent.less

@@ -146,6 +146,8 @@ html[dir=rtl] .sapMTileCntFtrTxt {
 	}
 }
 
+// Styles when the slide tile has only one tile inside it
+
 .Stretch {
 	.sapMTileCnt.News.sapMTileFooterPresent{
 		.sapMTileCntContent {
@@ -173,18 +175,43 @@ html[dir=rtl] .sapMTileCntFtrTxt {
 	}
 }
 
-.Stretch.sapMSTIndicatorVisible {
-	.sapMTileCnt.News{
+// Styles when the slide tile has only one tile inside it
+
+.sapMST.sapMSTIndicatorVisible.Stretch {
+	.sapMTileCnt.News {
+		.sapMNwCCTxt,.sapMNwCSbh {
+			.sapMFT {
+				text-overflow: initial;
+				 white-space: initial;
+			}
+		}
+		&.sapMTileFooterPresent {
+			.sapMTileCntContent {
+				height: -webkit-calc(~'100% - 65px') !important;
+			}
+		}
 		.sapMTileCntContent {
-			height: -webkit-calc(~'100% - 32px');
+			height: -webkit-calc(~'100% - 51px') !important;
 		}
 	}
-	&.sapMTileSmallPhone {
-		.sapMTileCnt.News{
+	.sapMTileCntFtrTxt {
+		bottom: 1.875rem;
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.Stretch.sapMTileSmallPhone {
+	.sapMTileCnt.News {
+		&.sapMTileFooterPresent {
 			.sapMTileCntContent {
-				height: -webkit-calc(~'100% - 23px');
+				height: -webkit-calc(~'100% - 54px') !important;
 			}
 		}
+		.sapMTileCntContent {
+			height: -webkit-calc(~'100% - 40px') !important;
+		}
+	}
+	.sapMTileCntFtrTxt {
+		bottom: 1.875rem;
 	}
 }
 
@@ -289,4 +316,4 @@ html[dir=rtl] .sapMTileCntFtrTxt {
 		content: "";
 		background-color: fade(@sapUiTileBackground, 80);
 	}
-}
+}

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

@@ -6,8 +6,8 @@
 @_sap_m_Token_TokenPadding: 0.5rem;
 @_sap_m_Token_TokenCompactPadding: 0.25rem;
 @_sap_m_Token_LeftPadding: 0.375rem;
-@_sap_m_Token_TokenSize: @sapMFontMediumSize + (2 * @_sap_m_Token_TokenPadding) - @_sap_m_Token_LeftPadding;
-@_sap_m_Token_TokenCompactSize: @sapMFontSmallSize + @_sap_m_Token_TokenCompactPadding;
+@_sap_m_Token_IconWidth: @sapMFontMediumSize + (2 * @_sap_m_Token_TokenPadding) - @_sap_m_Token_LeftPadding;
+@_sap_m_Token_CompactIconWidth: @sapMFontSmallSize + @_sap_m_Token_TokenCompactPadding;
 
 .sapMToken {
 	display: inline-block;
@@ -51,7 +51,7 @@ html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
 	pointer-events: none;
 
 	line-height: 1.5rem;
-	max-width: calc(~"100% - " @_sap_m_Token_TokenSize);
+	max-width: calc(~"100% - " @_sap_m_Token_IconWidth);
 	box-sizing: border-box;
 }
 
@@ -60,7 +60,7 @@ html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
 }
 
 .sapUiSizeCompact .sapMTokenText {
-	max-width: calc(~"100%  - " @_sap_m_Token_TokenCompactSize);
+	max-width: calc(~"100%  - " @_sap_m_Token_CompactIconWidth);
 	font-size: @sapMFontMediumSize;
 }
 

package/src/sap/m/themes/sap_belize_hcb/Dialog.less

@@ -28,7 +28,7 @@
 	background-color: @sapUiPageFooterBackground;
 }
 
-.sapMDialogResizeHandler::before {
+.sapMDialogResizeHandleIcon {
 	color: @sapUiContentIconColor;
 }
 

package/src/sap/m/themes/sap_belize_hcb/HeaderContainer.less

@@ -27,8 +27,3 @@
 .sapMHrdrCntrInner {
     border: 2px solid transparent;
 }
-
-html.sap-desktop .sapMHrdrCntrInner:focus {
-    outline: none;
-    border: 2px dotted @sapUiContentFocusColor;
-}

package/src/sap/m/themes/sap_belize_hcb/SlideTile.less

@@ -21,12 +21,12 @@ html.sap-desktop .sapMST:focus:not([tabindex]) {
 }
 
 /* Bulleted indicator of multiple tiles*/
-.sapMSTBulleted > span {
+.sapMSTBulleted .sapMSTIndicator {
 	background-color: @sapUiTileBackground;
 	border: 1px solid @sapUiTileBorderColor;
 }
 
-.sapMSTBulleted > span.sapMSTActive {
+.sapMSTBulleted .sapMSTIndicator.sapMSTActive {
 	background-color: @sapUiContentContrastIconColor;
 }
 

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

@@ -32,7 +32,6 @@
 @import "DateRangeSelection.less";
 @import "DateTimePicker.less";
 @import "Dialog.less";
-@import "FeedContent.less";
 @import "FeedInput.less";
 @import "FeedListItem.less";
 @import "GenericTag.less";
@@ -41,7 +40,6 @@
 @import "IconTabBar.less";
 @import "IconTabBarSelectList.less";
 @import "Image.less";
-@import "ImageContent.less";
 @import "Input.less";
 @import "InputBase.less";
 @import "MessageBox.less";
@@ -61,10 +59,8 @@
 @import "MessageStrip.less";
 @import "MultiInput.less";
 @import "MultiComboBox.less";
-@import "NewsContent.less";
 @import "NotificationListBase.less";
 @import "NotificationListGroup.less";
-@import "NumericContent.less";
 @import "ObjectAttribute.less";
 @import "ObjectHeader.less";
 @import "ObjectIdentifier.less";

package/src/sap/m/themes/sap_belize_hcw/Dialog.less

@@ -28,7 +28,7 @@
 	background-color: @sapUiPageFooterBackground;
 }
 
-.sapMDialogResizeHandler::before {
+.sapMDialogResizeHandleIcon {
 	color: @sapUiContentIconColor;
 }
 

package/src/sap/m/themes/sap_belize_hcw/HeaderContainer.less

@@ -27,8 +27,3 @@
 .sapMHrdrCntrInner {
     border: 2px solid transparent;
 }
-
-html.sap-desktop .sapMHrdrCntrInner:focus {
-    outline: none;
-    border: 2px dotted @sapUiContentFocusColor;
-}

package/src/sap/m/themes/sap_belize_hcw/SlideTile.less

@@ -21,12 +21,12 @@ html.sap-desktop .sapMST:focus:not([tabindex]) {
 }
 
 /* Bulleted indicator of multiple tiles*/
-.sapMSTBulleted > span {
+.sapMSTBulleted .sapMSTIndicator {
 	background-color: @sapUiTileBackground;
 	border: 1px solid @sapUiTileBorderColor;
 }
 
-.sapMSTBulleted > span.sapMSTActive {
+.sapMSTBulleted .sapMSTIndicator.sapMSTActive {
 	background-color: @sapUiContentContrastIconColor;
 }
 

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

@@ -32,7 +32,6 @@
 @import "DateRangeSelection.less";
 @import "DateTimePicker.less";
 @import "Dialog.less";
-@import "FeedContent.less";
 @import "FeedInput.less";
 @import "FeedListItem.less";
 @import "GenericTag.less";
@@ -61,10 +60,8 @@
 @import "MessageStrip.less";
 @import "MultiComboBox.less";
 @import "MultiInput.less";
-@import "NewsContent.less";
 @import "NotificationListBase.less";
 @import "NotificationListGroup.less";
-@import "NumericContent.less";
 @import "ObjectAttribute.less";
 @import "ObjectHeader.less";
 @import "ObjectIdentifier.less";

package/src/sap/ui/codeeditor/themes/sap_belize_base/library.source.less

@@ -21,3 +21,126 @@
 .ace_text-input {
 	position: absolute !important;
 }
+
+.sapCEdThemeDefault .ace_editor {
+	background-color: @sapField_Background;
+	color: @sapField_TextColor;
+	font-family: "72 Mono", 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', 'source-code-pro', monospace;
+
+	.ace_gutter {
+		background: @sapField_ReadOnly_Background;
+		color: @sapField_TextColor;
+	}
+
+	.ace_print-margin {
+		width: 1px;
+		background: @sapField_ReadOnly_Background;
+	}
+
+	.ace_cursor {
+		color: @sapField_TextColor;
+	}
+
+	.ace_marker-layer .ace_selection {
+		background: @sapField_ReadOnly_Background;
+	}
+
+	.ace_marker-layer .ace_bracket {
+		margin: -1px 0 0 -1px;
+		border: 1px solid @sapField_SuccessColor;
+	}
+
+	.ace_marker-layer .ace_active-line {
+		background: transparent;
+		/* no indication for better contrast */
+	}
+
+	.ace_gutter-active-line {
+		background-color: @sapField_SuccessBackground;
+	}
+
+	.ace_keyword,
+	.ace_meta,
+	.ace_storage,
+	.ace_storage.ace_type,
+	.ace_support.ace_type {
+		color: @sapUiLegend10;
+	}
+
+	.ace_keyword.ace_operator {
+		color: @sapUiLegend7;
+	}
+
+	.ace_constant.ace_character,
+	.ace_constant.ace_language,
+	.ace_constant.ace_numeric,
+	.ace_keyword.ace_other.ace_unit,
+	.ace_support.ace_constant,
+	.ace_variable.ace_parameter {
+		color: @sapUiLegend12;
+	}
+
+	.ace_constant.ace_other {
+		color: @sapUiLegend4;
+	}
+
+	.ace_fold {
+		background-color: @sapUiLegend20;
+		border-color: @sapUiLegend20;
+	}
+
+	.ace_entity.ace_name.ace_function,
+	.ace_support.ace_function {
+		color: @sapUiLegend6;
+	}
+
+	.ace_support.ace_class,
+	.ace_support.ace_type {
+		color: @sapUiLegend3;
+	}
+
+	.ace_heading,
+	.ace_markup.ace_heading,
+	.ace_string {
+		color: @sapUiLegend18;
+	}
+
+	.ace_entity.ace_name.ace_tag,
+	.ace_entity.ace_other.ace_attribute-name,
+	.ace_meta.ace_tag,
+	.ace_string.ace_regexp,
+	.ace_variable {
+		color: @sapUiLegend2;
+	}
+
+	.ace_comment {
+		color: @sapUiLegend9;
+	}
+
+	.ace_marker-layer .ace_error_bracket {
+		border-color: @sapField_InvalidColor;
+	}
+
+	.ace_fold-widget {
+		background-color: @sapField_SuccessBackground;
+	}
+
+	.ace_fold-widget:hover {
+		border-color: @sapField_SuccessColor;
+	}
+
+	.ace_indent-guide {
+		position: relative;
+
+		&::after {
+			content: " ";
+			position: absolute;
+			top: 0.0625rem;
+			right: 0;
+			left: 0;
+			bottom: 0;
+			border-inline-end: 0.0625rem dotted @sapField_SuccessColor;
+			margin-inline-end: -0.0625rem;
+		}
+	}
+}

package/src/sap/ui/core/themes/sap_belize/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.127.1</version>
+	<version>1.129.0</version>
 
 	<documentation>SAPUI5 belize theme library.</documentation>