@openui5/sap.m 1.107.1 → 1.108.1

package/src/sap/m/table/columnmenu/QuickActionItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.Entry
 	 *
 	 * @author SAP SE
-	 * @version 1.107.1
+	 * @version 1.108.1
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickGroup.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.107.1
+	 * @version 1.108.1
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickGroupItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.107.1
+	 * @version 1.108.1
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickSort.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.107.1
+	 * @version 1.108.1
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickSortItem.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.107.1
+	 * @version 1.108.1
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickTotal.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.107.1
+	 * @version 1.108.1
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickTotalItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.107.1
+	 * @version 1.108.1
 	 *
 	 * @private
 	 * @experimental

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

@@ -14,7 +14,6 @@
     box-sizing: border-box;
     user-select: none;
     vertical-align: top;
-    cursor: pointer;
     .sapMGTHdrContent {
         padding: 0;
         height: 3rem;
@@ -22,13 +21,17 @@
         .sapMText{
             font-size: 1rem;
             font-weight: 700;
-            color: @sapTile_TitleTextColor;
+            color: @sapTile_TitleTextColor !important;
             line-height: 1.5rem;
             cursor: pointer;
         }
     }
 }
 
+.sapMAT.sapMATHideActionButton {
+    height: 19.625rem;
+ }
+
 .sapMAT:hover {
     background-color: @sapTile_Hover_Background;
     box-shadow:  @sapContent_Shadow2;
@@ -44,6 +47,11 @@
     outline: none;
 }
 
+.sapMAT.sapMATAutoPointer {
+    .sapMText {
+        cursor: auto !important;
+    }
+}
 // ToDo card Styles
 
 .sapMAT.sapMToDoCard {
@@ -52,6 +60,7 @@
         margin-bottom: 0.75rem;
     }
     .sapMATC {
+    height: 14.375rem;
      overflow: hidden;
      .sapMTilePriorityValue {
          font-size: 0.875rem;
@@ -73,7 +82,7 @@
      .sapMContainer {
              display: flex;
              flex-direction: column;
-             gap: 0.875rem;
+             gap: 1rem;
          .sapMElementWrapper {
              display: flex;
              flex-direction: column;
@@ -106,17 +115,23 @@
     }
     .sapMATActionModeContainer {
      position: absolute;
-     bottom: 1rem;
+     bottom: 0.9rem;
      right: 1rem;
     }
+    &.sapMATHideActionButton {
+        .sapMATActionModeContainer {
+            display: none;
+        }
+    }
  }
 
- .sapMAT.sapMToDoCard:focus {
+ .sapMAT:focus {
     .sapMATFocusDiv{
         position: absolute;
         border: 2px solid @sapContent_FocusColor;
         border-radius:  1rem;
         inset: 0px;
+        pointer-events: none;
     }
  }
 
@@ -124,6 +139,7 @@
 
 .sapMAT.sapMATSituationCard{
     border-radius: 1.25rem;
+    overflow: hidden;
     .sapMGTHdrContent {
         display: flex;
         flex-direction: row;
@@ -167,25 +183,29 @@
             height: inherit;
             .sapMTileCntContent{
                 margin-top: 0;
-                height: fit-content;
                 padding: 0;
                 .sapMFT{
+                    height: inherit;
                     span{
                         color: @sapTextColor;
-                        white-space: pre-wrap;
+                        white-space: initial;
+                        word-break: break-all;
                         display: -webkit-box;
-                        -webkit-line-clamp: 3;
+                        -webkit-line-clamp: 16;
                         -webkit-box-orient: vertical;
-                        height: 3rem;
+                        height: fit-content;
                         line-height: 1rem;
                         overflow: hidden;
                         text-overflow: ellipsis;
                         font-weight: 400;
                         font-size: 0.875rem;
                         margin-bottom: 0.75rem;
+                        max-height: 16rem;
                     }
                     p + span {
                         margin-bottom: 1rem;
+                        -webkit-line-clamp: 14;
+                        max-height: 14rem;
                     }
                     p {
                         white-space: nowrap;
@@ -202,6 +222,8 @@
                     }
                     p:not(.sapMbrPresent) {
                         margin-bottom: 0.75rem;
+                        white-space: initial;
+                        word-break: break-all;
                     }
                 }
             }
@@ -212,6 +234,21 @@
             }
         }
     }
+    &.sapMATHideActionButton {
+        .sapMTileCntContent {
+            .sapMFT {
+                span {
+                    -webkit-line-clamp: 14 !important;
+                }
+                p + span {
+                    -webkit-line-clamp: 12 !important;
+                }
+            }
+        }
+        .sapMGTActionModeContainer {
+            display: none;
+        }
+    }
 }
 
 .sapMAT.sapMATSituationCard:focus {
@@ -220,6 +257,10 @@
         border: 2px solid @sapContent_FocusColor;
         border-radius:  1.25rem;
         inset: 0px;
+        pointer-events: none;
+    }
+    .sapMATFocusDiv{
+        border-radius:  1.25rem;
     }
  }
 
@@ -236,4 +277,20 @@
             flex-grow: 0;
         }
     }
-}
+}
+
+.sapMAT.sapMATStateLoading.sapMATHideActionButton {
+    .sapMGTContentShimmerPlaceholderItem {
+        height: 17.5rem;
+        justify-content: space-evenly;
+        padding: 0px;
+        .sapMGTContentShimmerPlaceholderRows {
+                .sapMGTContentShimmerPlaceholderItemHeader,.sapMGTContentShimmerPlaceholderItemText {
+                    margin-top: 0;
+                }
+                .sapMGTContentShimmerPlaceholderItemText {
+                    margin-bottom: 0;
+                }
+            }
+        }
+    }

package/src/sap/m/themes/base/AdditionalTextButton.less

@@ -0,0 +1,38 @@
+.sapMBtn .sapMBtnAdditionalTextContent .sapMBtnText {
+    flex-direction: column;
+    font-size: 0.875rem;
+}
+
+.sapMBtnAdditionalTextContent .sapMBtnContentAddText:not(.sapMBtnActive) {
+    width: 100%;
+    float: left;
+    color: @sapUiContentLabelColor;
+    font-size: @sapMFontSmallSize;
+}
+
+ .sapMBtn:hover > .sapMBtnAdditionalTextContent.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) .sapMBtnContentAddText {
+    color: @sapUiContentLabelColor;
+}
+
+.sapMBtnAdditionalTextContent .sapMBtnContent {
+    line-height: 1.125rem;
+}
+
+:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive .sapMBtnContentAddText {
+	background-image: none;
+	background-color: @sapUiButtonActiveBackground;
+	border-color:     @sapUiButtonActiveBorderColor;
+	color:            @sapUiButtonActiveTextColor;
+	text-shadow:      none;
+}
+
+.sapMBtnAdditionalTextContent .sapMBtnContent {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    line-height: normal;
+}
+
+.sapUiSizeCompact .sapMBtnAdditionalTextContent .sapMBtnContent {
+    line-height: 0.8125rem;
+}

package/src/sap/m/themes/base/Avatar.less

@@ -55,6 +55,10 @@
 	}
 }
 
+.sapFAvatarHiddenIcon {
+	display: none;
+}
+
 .sapFAvatarColorTransparent {
 	background-color: transparent;
 

package/src/sap/m/themes/base/Carousel.less

@@ -34,34 +34,35 @@
 	min-width: @_sap_m_Carousel_MinWidth;
 }
 
-.sapMCrsl:focus {
+.sapMCrslItem:focus {
+	position: relative;
+}
+
+.sapMCrslItem:focus,
+.sapMCrslNoDataItem:focus {
 	outline: none;
 
-	&:before,
-	&:after {
+	&::before,
+	&::after {
 		position: absolute;
 		content: " ";
 		top: 0;
 		right: 0;
 		bottom: 0;
 		left: 0;
-		z-index: 2;
 		pointer-events: none;
+		z-index: 2;
 	}
 
 	&::before {
 		border: @_sap_m_Carousel_ContrastFocusBorder;
 	}
+
 	&::after {
 		border: @_sap_m_Carousel_FocusBorder;
 	}
 }
 
-//show the left and right arrows when the carousel is focused
-.sapMCrsl:focus .sapMCrslHud .sapMCrslArrow {
-	opacity: 0.3;
-}
-
 .sapMCrsl.sapMCrslLeft {
 	text-align: left;
 }
@@ -272,23 +273,54 @@ html[data-sap-ui-animation='off'] .sapMCrslInner {
 	border: 1px solid @_sap_m_Carousel_BulletInactiveBorderColor;
 }
 
-// 2rem indicator height + 1px border
-.sapMCrslTopOffset .sapMCrslItem {
-	padding-top: calc(~"2rem + 1px");
-}
+// Page indicator at the top
+.sapMCrslTopOffset {
+	.sapMCrslItem {
+		padding-top: calc(@_sap_m_Carousel_ControlsNoArrowsHeight ~"+" 1px);
+	
+		&:focus {
+			&::before,
+			&::after {
+				top: calc(@_sap_m_Carousel_ControlsNoArrowsHeight ~"+" 1px);
+			}
+		}
+	}
 
-// 3.5rem indicator height + 1px border
-.sapMCrslTopOffset.sapMCrslTopArrowsOffset .sapMCrslItem
-{
-	padding-top: calc(~"3.5rem + 1px");
+	&.sapMCrslTopArrowsOffset .sapMCrslItem {
+		padding-top: calc(~"3.5rem + 1px");
+	
+		&:focus {
+			&::before,
+			&::after {
+				top: calc(~"3.5rem + 1px");
+			}
+		}
+	}
 }
 
-.sapMCrslBottomOffset .sapMCrslItem {
-	padding-bottom: calc(@_sap_m_Carousel_ControlsNoArrowsHeight ~"+" 1px);
-}
+// Page indicator at the bottom
+.sapMCrslBottomOffset {
+	.sapMCrslItem {
+		padding-bottom: calc(@_sap_m_Carousel_ControlsNoArrowsHeight ~"+" 1px);
+	
+		&:focus {
+			&::before,
+			&::after {
+				bottom: calc(@_sap_m_Carousel_ControlsNoArrowsHeight ~"+" 1px);
+			}
+		}
+	}
 
-.sapMCrslBottomOffset.sapMCrslBottomArrowsOffset .sapMCrslItem {
-  padding-bottom: calc(~"3.5rem + 1px");
+	&.sapMCrslBottomArrowsOffset .sapMCrslItem {
+		padding-bottom: calc(~"3.5rem + 1px");
+	
+		&:focus {
+			&::before,
+			&::after {
+				bottom: calc(~"3.5rem + 1px");
+			}
+		}
+	}
 }
 
 .sapMCrslControlsContainer {
@@ -502,14 +534,6 @@ html[data-sap-ui-animation='off'] {
 
 /* extra bits */
 
-/* captions */
-.sapMCrslCaption {
-	margin: 0;
-	padding: 0.625rem;
-	height: auto;
-	text-align: center;
-}
-
 .sapMCrslControls.sapMCrslControlsTop,
 .sapMCrslControlsNoArrows.sapMCrslControlsTop {
 	background: @sapUiPageFooterBackground;
@@ -530,9 +554,12 @@ html[data-sap-ui-animation='off'] {
 	overflow: hidden;
 }
 
-.sapMCrsl:hover .sapMCrslHud .sapMCrslArrow {
-	opacity: 1;
-	display: block;
+.sapMCrsl:hover,
+.sapMCrslShowArrows {
+	.sapMCrslHud .sapMCrslArrow {
+		opacity: 1;
+		display: block;
+	}
 }
 
 html.sap-desktop {
@@ -566,4 +593,8 @@ html.sap-desktop {
 .sapMCrslPrev .sapUiIcon:focus,
 .sapMCrslNext .sapUiIcon:focus {
 	outline: none;
+}
+
+.sapMCrslDummyArea {
+	position: fixed;
 }

package/src/sap/m/themes/base/ColumnMenu.less

@@ -11,6 +11,10 @@
 	.sapMTCMenuContainerWrapper {
 		height: 100%;
 		overflow: hidden;
+
+		.sapUiRespGrid {
+			width: auto;
+		}
 	}
 }
 
@@ -38,8 +42,4 @@
 		align-self: center;
 		text-align: end;
 	}
-}
-
-.sapMPopover .sapUiRespGrid {
-	width: auto !important;
 }

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

@@ -387,7 +387,7 @@ html.sap-desktop .sapMDialog {
 		top: 0;
 	}
 
-	& > .sapMDialogTitle:focus {
+	& > .sapMDialogTitle .sapMDialogTitleGroup:focus {
 		outline: none;
 
 		&::after {