@openui5/themelib_sap_belize 1.127.1 → 1.129.0

package/THIRDPARTY.txt

@@ -468,7 +468,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.16.1
+Component: SAP Theming Base Content, version: 11.18.0
 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_belize",
-  "version": "1.127.1",
+  "version": "1.129.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.1",
-    "@openui5/sap.m": "1.127.1",
-    "@openui5/sap.tnt": "1.127.1",
-    "@openui5/sap.ui.codeeditor": "1.127.1",
-    "@openui5/sap.ui.commons": "1.127.1",
-    "@openui5/sap.ui.core": "1.127.1",
-    "@openui5/sap.ui.dt": "1.127.1",
-    "@openui5/sap.ui.fl": "1.127.1",
-    "@openui5/sap.ui.mdc": "1.127.1",
-    "@openui5/sap.ui.integration": "1.127.1",
-    "@openui5/sap.ui.layout": "1.127.1",
-    "@openui5/sap.ui.rta": "1.127.1",
-    "@openui5/sap.ui.suite": "1.127.1",
-    "@openui5/sap.ui.table": "1.127.1",
-    "@openui5/sap.ui.unified": "1.127.1",
-    "@openui5/sap.ui.ux3": "1.127.1",
-    "@openui5/sap.uxap": "1.127.1"
+    "@openui5/sap.f": "1.129.0",
+    "@openui5/sap.m": "1.129.0",
+    "@openui5/sap.tnt": "1.129.0",
+    "@openui5/sap.ui.codeeditor": "1.129.0",
+    "@openui5/sap.ui.commons": "1.129.0",
+    "@openui5/sap.ui.core": "1.129.0",
+    "@openui5/sap.ui.dt": "1.129.0",
+    "@openui5/sap.ui.fl": "1.129.0",
+    "@openui5/sap.ui.mdc": "1.129.0",
+    "@openui5/sap.ui.integration": "1.129.0",
+    "@openui5/sap.ui.layout": "1.129.0",
+    "@openui5/sap.ui.rta": "1.129.0",
+    "@openui5/sap.ui.suite": "1.129.0",
+    "@openui5/sap.ui.table": "1.129.0",
+    "@openui5/sap.ui.unified": "1.129.0",
+    "@openui5/sap.ui.ux3": "1.129.0",
+    "@openui5/sap.uxap": "1.129.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/SlideTile.less

@@ -32,12 +32,12 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
 }
 
 /* Bulleted indicator of multiple tiles*/
-.sapMSTBulleted > span {
+.sapMSTBulleted .sapMSTIndicator {
 	background-color: @sapUiContentNonInteractiveIconColor;
 	box-shadow: 0 0 0.25rem fade(@sapUiContentShadowColor, 25);
 }
 
-.sapMSTBulleted > span.sapMSTActive {
+.sapMSTBulleted .sapMSTIndicator.sapMSTActive {
 	background-color: @sapUiContentContrastIconColor;
 	box-shadow: 0 0 0.25rem fade(@sapUiContentShadowColor, 25);
 }

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

@@ -40,8 +40,7 @@
 	display: flex !important;
 	flex-direction: column;
 	opacity: 0;
-	-webkit-transition: opacity .15s, left 0.2s, top 0.2s;
-	transition: opacity .15s, left 0.2s, top 0.2s;
+	transition: opacity .15s;
 	border-radius: @sapUiElementBorderCornerRadius;
 	box-shadow: @sapUiContentShadow3;
 
@@ -285,12 +284,7 @@ html.sap-desktop .sapMDialog {
 	user-select: none;
 }
 
-.sapDialogDisableTransition {
-	transition: none;
-	-webkit-transition: none;
-}
-
-.sapMDialogResizeHandler {
+.sapMDialogResizeHandle {
 	bottom: 0;
 	cursor: se-resize;
 	position: absolute;
@@ -299,10 +293,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/GenericTile.less

@@ -720,14 +720,12 @@ border-radius: 0.25rem;
 	display: inline-block;
 }
 
-.sapMGT {
-	.sapMGTContent {
-		height: 6.375rem;
-		display: inline-block;
-		white-space: nowrap;
-		width: 100%;
-		overflow: hidden;
-	}
+.sapMGTContent {
+	height: 6.375rem;
+	display: inline-block;
+	white-space: nowrap;
+	width: 100%;
+	overflow: hidden;
 }
 
 .sapMGTHdrTxt {

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_base/QuickView.less

@@ -114,6 +114,15 @@ html.sap-tablet .sapMQuickViewPage > section {
 	}
 }
 
+.sapMQuickViewPage .sapUiVltCell>.sapMTitle,
+.sapMQuickViewPage .sapUiVltCell .sapMLnk:not(.sapMLnkWrapping) .sapMLnkText {
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	white-space: normal;
+	word-wrap: break-word;
+}
+
 .sapMQuickViewPage .sapUiFormResGridCont > div {
 	padding: 0;
 }
@@ -176,16 +185,11 @@ html.sap-phone .sapMQuickViewPage .sapUiHLayout {
 }
 
 .sapMQuickViewPage .sapUiVltCell:first-child {
-	max-height: @_sap_m_QuickView_TitleMaxHeight;
 	margin-bottom: @_sap_m_QuickView_TitleMarginBottom;
-	overflow: hidden;
 }
 
 .sapMQuickViewPage .sapUiVltCell + .sapUiVltCell span {
 	width: 100%;
-	line-height: 1.4rem;
-	max-height: 2.8rem;
-	overflow: hidden;
 }
 
 .sapMQuickViewPage .sapUiSimpleForm .sapUiIcon {

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

@@ -12,10 +12,6 @@
 	margin: 0.8125rem 0;
 }
 
-.sapUiSizeCompact .sapMRI {
-	margin: 0.5rem 0;
-}
-
 html.sap-phone .sapMRI:focus,
 html.sap-tablet .sapMRI:focus {
 	outline: none;
@@ -61,6 +57,12 @@ html.sap-tablet .sapMRI:focus {
 	color: darken(@sapUiAccent1, 5);
 }
 
+.sapMRI.sapMRIDisplayOnly .sapUiIcon,
+.sapMRI.sapMRIDisplayOnly .sapMImg {
+	padding-right: @sapUiRIIconPaddingDisplayOnly;
+	height: @sapUiRIIconSizeDisplayOnly;
+}
+
 .sapMRIIconSel, .sapMRIIconUnsel, .sapMRIIconHov, .sapMRIIconReadOnly {
     font-family: SAP-icons;
 }
@@ -75,29 +77,6 @@ html.sap-tablet .sapMRI:focus {
 	margin: 0 0.5rem;
 }
 
-.sapUiRatingIndicatorXS .sapMRI .sapUiIcon,
-.sapUiRatingIndicatorXS .sapMRI .sapMImg {
-	padding-right: @sapUiRIIconPaddingXS;
-	vertical-align:top;
-}
-	.sapUiRatingIndicatorS .sapMRI .sapUiIcon,
-	.sapUiRatingIndicatorS .sapMRI .sapMImg {
-		padding-right: @sapUiRIIconPaddingS;
-		vertical-align:top;
-	}
-
-	.sapUiRatingIndicatorM .sapMRI .sapUiIcon,
-	.sapUiRatingIndicatorM .sapMRI .sapMImg {
-		padding-right: @sapUiRIIconPaddingM;
-		vertical-align:top;
-	}
-
-	.sapUiRatingIndicatorL .sapMRI .sapUiIcon,
-	.sapUiRatingIndicatorL .sapMRI .sapMImg {
-		padding-right: @sapUiRIIconPaddingL;
-		vertical-align:top;
-	}
-
 .sapMRI.sapUiRatingIndicatorXS .sapUiIcon:last-child,
 .sapMRI.sapUiRatingIndicatorXS .sapMImg:last-child,
 .sapMRI.sapUiRatingIndicatorS  .sapUiIcon:last-child,
@@ -109,11 +88,6 @@ html.sap-tablet .sapMRI:focus {
 	padding-right: 0;
 }
 
-.sapMRIIcon { /* required for size calculation */
-	height: 1.375rem; /* default size */
-	overflow: hidden;
-}
-
 .sapMRIDisabled {
 	outline: none;
 	cursor: default;
@@ -127,7 +101,8 @@ html.sap-tablet .sapMRI:focus {
 
 .sapMRI .sapUiIcon,
 .sapMRI .sapMImg {
-	padding-right: 0.25rem;
+	padding-right: @sapUiRIIconPaddingCozy;
+	height: @sapUiRIIconSizeCozy;
 }
 
 .sapMRI .sapUiIcon:last-child,
@@ -139,15 +114,30 @@ html.sap-tablet .sapMRI:focus {
 .sapUiSizeCompact {
 	.sapMRI {
 		margin: 0.5rem 0;
+	}
+
+	.sapMRI.sapMRIDisplayOnly {
+		margin: 0;
+	}
+
+	.sapMRI .sapUiIcon,
+	.sapMRI .sapMImg {
+		padding-right: @sapUiRIIconPaddingCompact;
+		height: @sapUiRIIconSizeCompact;
+	}
 
-		&.sapMRIDisplayOnly {
-			margin: 0;
-		}
+	.sapMRI.sapMRIDisplayOnly .sapUiIcon,
+	.sapMRI.sapMRIDisplayOnly .sapMImg {	
+		padding-right: @sapUiRIIconPaddingDisplayOnly;
+		height: @sapUiRIIconSizeDisplayOnly;
 	}
-	.sapMRIIcon {
-		height: 1rem; /* default size for the compact mode */
+
+	.sapMRI .sapUiIcon:last-child,
+	.sapMRI .sapMImg:last-child {
+		padding-right: 0;
 	}
 }
+
 /* Condensed mode */
 .sapUiSizeCondensed .sapUiTableDataCell .sapMRI .sapUiIcon,
 .sapUiSizeCondensed .sapUiTableDataCell .sapMRI .sapMImg{