@openui5/themelib_sap_belize 1.127.0 → 1.128.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_belize",
-  "version": "1.127.0",
+  "version": "1.128.0",
   "description": "OpenUI5 Theme Library sap_belize",
   "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.127.0",
-    "@openui5/sap.m": "1.127.0",
-    "@openui5/sap.tnt": "1.127.0",
-    "@openui5/sap.ui.codeeditor": "1.127.0",
-    "@openui5/sap.ui.commons": "1.127.0",
-    "@openui5/sap.ui.core": "1.127.0",
-    "@openui5/sap.ui.dt": "1.127.0",
-    "@openui5/sap.ui.fl": "1.127.0",
-    "@openui5/sap.ui.mdc": "1.127.0",
-    "@openui5/sap.ui.integration": "1.127.0",
-    "@openui5/sap.ui.layout": "1.127.0",
-    "@openui5/sap.ui.rta": "1.127.0",
-    "@openui5/sap.ui.suite": "1.127.0",
-    "@openui5/sap.ui.table": "1.127.0",
-    "@openui5/sap.ui.unified": "1.127.0",
-    "@openui5/sap.ui.ux3": "1.127.0",
-    "@openui5/sap.uxap": "1.127.0"
+    "@openui5/sap.f": "1.128.0",
+    "@openui5/sap.m": "1.128.0",
+    "@openui5/sap.tnt": "1.128.0",
+    "@openui5/sap.ui.codeeditor": "1.128.0",
+    "@openui5/sap.ui.commons": "1.128.0",
+    "@openui5/sap.ui.core": "1.128.0",
+    "@openui5/sap.ui.dt": "1.128.0",
+    "@openui5/sap.ui.fl": "1.128.0",
+    "@openui5/sap.ui.mdc": "1.128.0",
+    "@openui5/sap.ui.integration": "1.128.0",
+    "@openui5/sap.ui.layout": "1.128.0",
+    "@openui5/sap.ui.rta": "1.128.0",
+    "@openui5/sap.ui.suite": "1.128.0",
+    "@openui5/sap.ui.table": "1.128.0",
+    "@openui5/sap.ui.unified": "1.128.0",
+    "@openui5/sap.ui.ux3": "1.128.0",
+    "@openui5/sap.uxap": "1.128.0"
   }
 }

package/src/sap/f/themes/sap_belize_base/Card.less

@@ -570,26 +570,6 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 	outline: none;
 }
 
-.sapFCard.sapMBadge .sapMBadgeIndicator {
-	padding: 0 0.5rem;
-	top: -0.6125rem;
-	right: 0;
-	height: auto;
-}
-
-.sapFCard.sapMBadge .sapMBadgeIndicator:after {
-	background: @_sap_f_Card_Badge_Background;
-	color: @_sap_f_Card_Badge_Color;
-	border: @_sap_f_Card_Badge_Border;
-
-}
-
-.sapFCard.sapMBadge .sapMBadgeIndicator:before {
-	background: @_sap_f_Card_Badge_Background;
-	color: @_sap_f_Card_Badge_Color;
-	border: @_sap_f_Card_Badge_Border;
-}
-
 .sapFCardExperimentalCaching {
 	.sapFCardDataTimestamp {
 		min-width: 100px;

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

@@ -34,8 +34,7 @@
 	}
 }
 
-.sapMDialogResizeHandler::before {
-	content: attr(data-sap-ui-icon-content);
+.sapMDialogResizeHandleIcon {
 	color: @sapUiButtonEmphasizedBackground;
 }
 

package/src/sap/m/themes/sap_belize/NewsContent.less

@@ -20,9 +20,4 @@
 			color: @_sap_m_NewsContent_HeaderTextColor;
 		}
 	}
-}
-
-.sapMNwC:focus {
-	outline: 1px dotted @sapUiContentFocusColor;
-    outline-offset: 1px;
 }

package/src/sap/m/themes/sap_belize/SinglePlanningCalendarGrid.less

@@ -152,6 +152,7 @@ html .sapMSinglePC .sapMSinglePCAppointmentWrap .sapUiCalendarApp.sapUiCalendarA
 
 .sapMSinglePCColumnWeekend,
 .sapMSinglePCNonWorkingRow,
+.sapMSinglePCNonWorkingPeriod,
 .sapMSinglePCRowHeaders {
 	background-color: darken(@sapUiListBackground, 3);
 }

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

@@ -25,4 +25,9 @@ html.sap-desktop .sapMToken:focus {
 
 html.sap-desktop .sapMToken.sapMTokenSelected:focus {
 	outline: 1px dotted @sapUiContentContrastFocusColor;
+}
+
+.sapUiSizeCompact .sapMToken .sapMTokenIcon {
+	line-height: 1.25rem;
+	padding: 0 0.375rem;
 }

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

@@ -5,7 +5,7 @@
 
 .sapMAT{
     width: 20rem;
-    height: 22.875rem;
+    height: 23.125rem;
     border-radius: @sapTile_BorderCornerRadius;
     position: relative;
     padding: 1rem;
@@ -138,7 +138,7 @@
 }
 
 .sapMAT.sapMATHideActionButton {
-    height: 19.625rem;
+    height: 20.75rem;
  }
 
 .sapMAT:hover {
@@ -211,6 +211,24 @@
         }
         .sapMATIconFrame {
             flex-shrink: 0;
+
+            &.sapMGTIconFrameBadge{
+                align-self: start;
+
+                .sapFAvatarBadgeIconActiveArea {
+                    height: 3rem;
+                    width: 3rem;
+
+                    .sapFAvatarBadgeIcon {
+                        height: 1.125rem;
+                        width: 1.125rem;
+
+                        .sapUiIcon {
+                            font-size: 0.75rem;
+                        }
+                    }
+                }
+            }
         }
     }
 }
@@ -239,10 +257,12 @@
     height: auto;
     display: inline-flex;
     flex-direction: column;
+    padding-bottom: 0.4375rem;
     .sapMGTContent {
         height: auto;
         .sapMATC {
             height: auto;
+            margin-bottom: 1.0625rem;
         }
         .sapMTileCnt {
             height: auto;
@@ -276,6 +296,7 @@
         top: 0.1875rem;
     }
     &.sapMATHideActionButton {
+    padding-bottom: 1rem;
         .sapMTileCntContent {
             .sapMFT {
                 span {
@@ -288,6 +309,12 @@
                 }
             }
         }
+        .sapMGTContent {
+            height: auto;
+            .sapMATC {
+                margin-bottom: 0;
+            }
+        }
     }
  }
 

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

@@ -3,12 +3,15 @@
 /* Base theme                         */
 /* ================================== */
 .sapMATC {
-    height: 14.375rem;
+    height: 14.6875rem;
      overflow: hidden;
      .sapMTilePriorityValue {
          font-size: 0.875rem;
          font-weight: 400;
          margin-bottom: 1rem;
+         height: 1.625rem;
+        display: flex;
+        align-items: center;
          &.High {
              color: @sapNegativeTextColor;
              }

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

@@ -290,7 +290,7 @@ html.sap-desktop .sapMDialog {
 	-webkit-transition: none;
 }
 
-.sapMDialogResizeHandler {
+.sapMDialogResizeHandle {
 	bottom: 0;
 	cursor: se-resize;
 	position: absolute;
@@ -299,10 +299,9 @@ html.sap-desktop .sapMDialog {
 	z-index: 2;
 	line-height: 1rem;
 
-	&:before {
-		left: 0;
-		position: relative;
-		top: 0;
+	.sapMDialogResizeHandleIcon {
+		display: block;
+		cursor: inherit;
 	}
 }
 

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

@@ -86,7 +86,7 @@
 }
 
 html.sap-desktop .sapMFC:focus {
-	outline: 1px dotted @sapUiContentFocusColor;
+	outline: @sapUiContentFocusColor @sapUiContentFocusStyle @sapUiContentFocusWidth;
 }
 
 html.sap-desktop .sapMFC:focus:not([tabindex]) {

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

@@ -263,13 +263,6 @@ html.sap-phone .sapMFeedListItemText {
 	word-wrap: break-word;
 }
 
-.sapMFeedListItemImageInactive:focus,
-.sapMFeedListItemImage:focus {
-	outline-style: dotted;
-	outline-color: @sapUiContentFocusColor;
-	outline-width: 0.0625rem;
-}
-
 html.sap-tablet .sapMFeedListItem .sapMLnk:focus {
 	outline-style: dotted;
 	outline-color: @sapUiContentFocusColor;

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

@@ -267,11 +267,6 @@ html.sap-tablet:not(.sap-desktop) .sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertic
 	background-color: @sapUiObjectHeaderBackground;
 }
 
-html.sap-desktop .sapMHrdrCntrInner:focus {
-	outline: none;
-	border: 1px dotted @sapUiContentFocusColor;
-}
-
 @media (min-width:320px) and (max-width:599px){
     .sapMHdrCntrCntr.Horizontal .sapMHrdrCntrInner {
 		margin-left: 0rem !important;

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

@@ -23,13 +23,6 @@
 	right: auto;
 }
 
-
-html.sap-desktop .sapMImageContent:focus {
-	outline-color: @sapUiContentFocusColor;
-	outline-style: dotted;
-	outline-width: 1px;
-}
-
 html.sap-desktop .sapMImageContent:focus:not([tabindex]) {
 	outline: none;
 }

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

@@ -133,6 +133,13 @@
 
 	& .sapMLnk {
 		font-size: @sapMFontHeader5Size;
+		display: inline-flex;
+
+		& .sapMLnkText {
+			text-overflow: ellipsis;
+			overflow: hidden;
+			white-space: nowrap;
+		}
 	}
 
 	& .sapMSLITitleOnly {

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

@@ -205,7 +205,7 @@ html[dir=rtl] .sapMNCValue {
 }
 
 .sapMNC:focus {
-	outline: 1px dotted @sapUiContentFocusColor;
+	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 }
 
 .sapMNC:focus:not([tabindex]) {
@@ -267,26 +267,6 @@ html[dir=rtl] .sapMNCValue {
 	}
 }
 
-.sapMNCContentPlaceholder {
-	outline: none;
-	width: 300px;
-    height: 100px;
-    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.10);
-    border-radius: 4px;
-}
-
-.sapMNCContentPlaceholder:focus::before {
-	content: '';
-	display: block;
-	position: absolute;
-	left: 1px;
-	bottom: 1px;
-	right: 1px;
-	top: 1px;
-	border: 1px dotted @sapUiContentFocusColor;
-	pointer-events: none;
-}
-
 .sapMNCContentShimmerPlaceholderItem {
 	padding: 1rem 1rem 0 1rem;
 	box-sizing: border-box;

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

@@ -73,7 +73,6 @@
 	outline: none;
 	max-width: 100%;
 	max-height: 100%;
-	overflow: hidden;
 	background: @sapUiGroupContentBackground;
 	border: none;
 	box-shadow: @sapUiContentShadow2;
@@ -301,7 +300,7 @@ html[data-sap-ui-browser^="sf"] .sapMPopover {
 }
 
 /* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
-.sapUiContainerContentPadding(~".sapMPopover", ~"> .sapMPopoverCont > .sapMPopoverScroll");
+.sapUiContainerContentPadding(~".sapMPopover", ~".sapMPopoverCont > .sapMPopoverScroll");
 
 .sapMPopoverResizeHandle {
 	transform: rotate(270deg);

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/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/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.0</version>
+	<version>1.128.0</version>
 
 	<documentation>SAPUI5 belize theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_belize_hcb/.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.0</version>
+	<version>1.128.0</version>
 
 	<documentation>SAPUI5 belize high contrast black theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_belize_hcw/.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.0</version>
+	<version>1.128.0</version>
 
 	<documentation>SAPUI5 belize high contrast white theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_belize_plus/.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.0</version>
+	<version>1.128.0</version>
 
 	<documentation>SAPUI5 belize plus theme library.</documentation>
 

package/src/sap/uxap/themes/sap_belize_base/ObjectPageLayout.less

@@ -154,6 +154,19 @@ body > .sapUxAPObjectPageLayout,
 	}
 }
 
+// anchorBar
+.sapUxAPObjectPageLayoutTitleClickEnabled .sapUxAPObjectPageNavigation .sapMITH,
+.sapUxAPObjectPageLayoutHeaderPinnable .sapUxAPObjectPageNavigation .sapMITH {
+	margin-top: 0.8125rem;
+}
+
+.sapUiSizeCompact {
+	.sapUxAPObjectPageLayoutTitleClickEnabled .sapUxAPObjectPageNavigation .sapMITH,
+	.sapUxAPObjectPageLayoutHeaderPinnable .sapUxAPObjectPageNavigation .sapMITH {
+		margin-top: 0.5rem;
+	}
+}
+
 // footer
 .sapUxAPObjectPageLayout {
 	.sapUxAPObjectPageFooter {

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

@@ -1,8 +0,0 @@
-/* ================================== */
-/* CSS for control sap.m/FeedContent  */
-/* Belize High Contrast Black theme   */
-/* ================================== */
-
-html.sap-desktop .sapMFC:focus {
-  outline: 2px dotted @sapUiContentFocusColor;
-}

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

@@ -1,8 +0,0 @@
-/* ================================== */
-/* CSS for control sap.m/ImageContent  */
-/* Belize High Contrast Black theme   */
-/* ================================== */
-
-html.sap-desktop .sapMImageContent:focus {
-  outline: 2px dotted @sapUiContentFocusColor;
-}

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

@@ -1,9 +0,0 @@
-/* ================================== */
-/* CSS for control sap.m/NewsContent  */
-/* Belize High Contrast Black theme   */
-/* ================================== */
-
-html.sap-desktop .sapMNwC:focus {
-	outline: 2px dotted @sapUiContentFocusColor;
-    outline-offset: 1px;
-}

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

@@ -1,8 +0,0 @@
-/* ================================== */
-/* CSS for control sap.m/NumericContent  */
-/* Belize High Contrast Black theme   */
-/* ================================== */
-
-.sapMNC:focus {
-  outline: 2px dotted @sapUiContentFocusColor;
-}

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

@@ -1,8 +0,0 @@
-/* ================================== */
-/* CSS for control sap.m/FeedContent  */
-/* Belize High Contrast White theme   */
-/* ================================== */
-
-html.sap-desktop .sapMFC:focus {
-  outline: 2px dotted @sapUiContentFocusColor;
-}

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

@@ -1,9 +0,0 @@
-/* ================================== */
-/* CSS for control sap.m/NewsContent  */
-/* Belize High Contrast White theme   */
-/* ================================== */
-
-html.sap-desktop .sapMNwC:focus {
-	outline: 2px dotted @sapUiContentFocusColor;
-    outline-offset: 1px;
-}

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

@@ -1,8 +0,0 @@
-/* ================================== */
-/* CSS for control sap.m/NumericContent  */
-/* Belize High Contrast White theme   */
-/* ================================== */
-
-.sapMNC:focus {
-  outline: 2px dotted @sapUiContentFocusColor;
-}