@openui5/sap.m 1.113.0 → 1.114.0

package/src/sap/m/table/Util.js

@@ -9,8 +9,9 @@ sap.ui.define([
 	"sap/ui/core/Core",
 	"sap/ui/core/theming/Parameters",
 	"sap/m/IllustratedMessage",
-	"sap/m/Button"
-], function(MLibrary, Core, ThemeParameters, IllustratedMessage, Button) {
+	"sap/m/Button",
+	"sap/ui/core/InvisibleMessage"
+], function(MLibrary, Core, ThemeParameters, IllustratedMessage, Button, InvisibleMessage) {
 	"use strict";
 	/*global Intl*/
 
@@ -20,7 +21,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias module:sap/m/table/Util
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.0
 	 * @since 1.96.0
 	 * @private
 	 * @ui5-restricted sap.fe, sap.ui.mdc, sap.ui.comp
@@ -410,6 +411,59 @@ sap.ui.define([
 		}
 	};
 
+	/**
+	 * Provides an additional announcement for the screen reader to inform the user that the table
+	 * has been updated.
+	 *
+	 * @param {string} sText The header text to be announced
+	 * @param {int|undefined} iRowCount The row count. If not provided, the row count will not be announced
+	 * @private
+	 * @ui5-restricted sap.fe, sap.ui.mdc, sap.ui.comp
+	 * @since 1.114
+	 */
+	Util.announceTableUpdate = function(sText, iRowCount) {
+		var oInvisibleMessage = InvisibleMessage.getInstance();
+
+		if (oInvisibleMessage) {
+			var oResourceBundle = Core.getLibraryResourceBundle("sap.m");
+
+			if (iRowCount == undefined) {
+				oInvisibleMessage.announce(oResourceBundle.getText("table.ANNOUNCEMENT_TABLE_UPDATED", [sText]));
+			} else if (iRowCount > 1) {
+				oInvisibleMessage.announce(oResourceBundle.getText("table.ANNOUNCEMENT_TABLE_UPDATED_MULT", [sText, iRowCount]));
+			} else if (iRowCount === 1) {
+				oInvisibleMessage.announce(oResourceBundle.getText("table.ANNOUNCEMENT_TABLE_UPDATED_SING", [sText, iRowCount]));
+			} else {
+				oInvisibleMessage.announce(oResourceBundle.getText("table.ANNOUNCEMENT_TABLE_UPDATED_NOITEMS", [sText]));
+			}
+		}
+	};
+
+	/**
+	 * Checks whether the table is empty.
+	 *
+	 * @param {sap.ui.model.Binding} oRowBinding The row binding
+	 * @returns {boolean} Whether the table is empty or not
+	 * @private
+	 * @ui5-restricted sap.ui.mdc, sap.ui.comp
+	 * @since 1.114
+	 */
+	Util.isEmpty = function(oRowBinding) {
+		if (!oRowBinding) {
+			return true;
+		}
+
+		var iRowCount = oRowBinding.getLength();
+		if (iRowCount === 1 && oRowBinding.isA('sap.ui.model.analytics.AnalyticalBinding')) {
+			var bHasGrandTotal = oRowBinding ? oRowBinding.providesGrandTotal() && oRowBinding.hasTotaledMeasures() : false;
+
+			if (bHasGrandTotal) {
+				iRowCount = 0;
+			}
+		}
+		return iRowCount <= 0;
+	};
+
 	return Util;
 
 });

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.ItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.ItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110

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

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.Entry
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110

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

@@ -80,7 +80,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110
@@ -307,42 +307,35 @@ sap.ui.define([
 			"onAfterRendering": this._focusItem
 		}, this);
 
+		this._oPopover.addEventDelegate({
+			"onsapfocusleave": this.handleFocusLeave
+		}, this);
+
 		this._oPopover._oControl.oPopup.setAutoClose(false);
 	};
 
-	Menu.prototype.onsapfocusleave = function(oEvent){
+	Menu.prototype.handleFocusLeave = function(oEvent){
 		if (!this.isOpen()) {
 			return;
 		}
-		this.handleOuterEvent(this.getId(), oEvent);
+
+		if (oEvent.relatedControlId &&
+			(!containsOrEquals(this.getDomRef(), jQuery(document.getElementById(oEvent.relatedControlId)).get(0)) && !isInControlTree(this, Core.byId(oEvent.relatedControlId)))) {
+			this.close();
+		}
 	};
 
 	Menu.prototype.handleOuterEvent = function(oMenuId, oEvent) {
-		var isInMenuHierarchy = false,
-			touchEnabled = Device.support.touch || Device.system.combi;
+		var touchEnabled = Device.support.touch || Device.system.combi;
 
 		if (touchEnabled && (oEvent.isMarked("delayedMouseEvent") || oEvent.isMarked("cancelAutoClose"))) {
 			return;
 		}
 
 		if (oEvent.type == "mousedown" || oEvent.type == "touchstart") {
-			if (containsOrEquals(this.getDomRef(), oEvent.target) ||
-				containsOrEquals(Core.getStaticAreaRef(), oEvent.target) ||
-				isInControlTree(this, Element.closestTo(oEvent.target))) {
-				isInMenuHierarchy = true;
+			if (!containsOrEquals(this.getDomRef(), oEvent.target) && !containsOrEquals(Core.getStaticAreaRef(), oEvent.target) && !isInControlTree(this, Element.closestTo(oEvent.target))) {
+				this.close();
 			}
-		} else if (oEvent.type == "sapfocusleave") {
-			if (oEvent.relatedControlId && containsOrEquals(this.getDomRef(), jQuery(document.getElementById(oEvent.relatedControlId)).get(0)) ||
-				isInControlTree(this, Core.byId(oEvent.relatedControlId))) {
-				isInMenuHierarchy = true;
-				if (oEvent.relatedControlId === this._oPopover._oControl.getId()) {
-					document.getElementById(this.getId() + "-focusDummy").focus();
-				}
-			}
-		}
-
-		if (!isInMenuHierarchy) {
-			this.close();
 		}
 	};
 

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

@@ -18,12 +18,6 @@ sap.ui.define([], function () {
 		this.renderQuickActions(oRm, oMenu);
 		this.renderItems(oRm, oMenu);
 
-		oRm.openStart("div");
-		oRm.style("role", "none");
-		oRm.attr("id", oMenu.getId() + "-focusDummy");
-		oRm.attr("tabindex", "0");
-		oRm.openEnd().close("div");
-
 		oRm.close("div");
 	};
 

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

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110

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

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.Entry
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110

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.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110

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.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110

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

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110

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.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110

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.113.0
+	 * @version 1.114.0
 	 *
 	 * @public
 	 * @since 1.110

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

@@ -494,7 +494,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
 	border-color: @sapUiButtonCriticalActiveBorderColor;
 	.sapMBtnContent,
 	.sapMBtnIcon {
-		color: @sapUiButtonCriticalTextColor;
+		color: @sapUiButtonCriticalActiveTextColor;
 	}
 }
 
@@ -503,7 +503,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
 	border-color: @sapUiButtonNegativeActiveBorderColor;
 	.sapMBtnContent,
 	.sapMBtnIcon {
-		color: @sapUiButtonNegativeTextColor;
+		color: @sapUiButtonNegativeActiveTextColor;
 	}
 }
 
@@ -512,7 +512,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
 	border-color: @sapUiButtonSuccessActiveBorderColor;
 	.sapMBtnContent,
 	.sapMBtnIcon {
-		color: @sapUiButtonSuccessTextColor;
+		color: @sapUiButtonSuccessActiveTextColor;
 	}
 }
 
@@ -521,7 +521,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
 	border-color: @sapUiButtonNeutralActiveBorderColor;
 	.sapMBtnContent,
 	.sapMBtnIcon {
-		color: @sapUiButtonNeutralTextColor;
+		color: @sapUiButtonNeutralActiveTextColor;
 	}
 }
 

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

@@ -193,6 +193,7 @@
 /* Compact size */
 .sapUiSizeCompact .sapMFeedIn .sapMBtnIcon {
     	margin-left: 0;
+		padding: 0.25rem 0.625rem 0.25rem 0.625rem;
 }
 
 .sapUiSizeCompact .sapMFeedIn >.sapMFeedInContainer >.sapMInputBase {

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

@@ -66,7 +66,7 @@
 			flex-shrink: 0;
 			width: 2.813rem;
 			height: 2.813rem;
-			margin: 0.5rem 0;
+			margin-right: 0.25rem;
 		}
 
 		.sapMTitle {

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

@@ -5,7 +5,6 @@
 
 @_sap_m_InputBase_InnerMinWidth: 3rem;
 @_sap_m_InputBase_InnerPadding: 0 0.75rem;
-@_sap_m_InputBase_Height: 2.5rem;
 @_sap_m_InputBase_DisabledOpacity: 0.5;
 @_sap_m_InputBase_IconLineHeight: 2.375rem;
 @_sap_m_InputBase_IconWidth: 2.375rem;
@@ -14,8 +13,8 @@
 @_sap_m_InputBaseWrapper_Sum_Border: 0.125rem;
 @_sap_m_InputBase_InnerMinWidth_Compact: 2rem;
 @_sap_m_InputBase_Compact_InnerPadding: 0 0.5rem;
-@_sap_m_InputBase_Compact_Height: 1.625rem;
 @_sap_m_InputBase_FocusOffset: 1px;
+@_sap_m_InputBase_FocusOffset_Busy: @_sap_m_InputBase_FocusOffset + 1px;
 @_sap_m_InputBase_FocusBorderRadius: 0;
 
 
@@ -36,7 +35,7 @@
 @_InputBase_Control_OneIcon_State_MinWidth_Compact: round((@_InputBase_Control_OneIcon_MinWidth_Compact + @_sap_m_InputBaseWrapper_Sum_Border), 2);
 
 .sapMInputBase {
-	height: @_sap_m_InputBase_Height;
+	height: @sapUiElementHeight;
 	background: transparent;
 	position: relative;
 	display: inline-block;
@@ -130,6 +129,7 @@
 	background-color: @sapUiFieldBackground;
 	border: @sapUiFieldBorderWidth @sapUiFieldBorderStyle @sapUiFieldBorderColor;
 	border-radius: @sapUiFieldBorderCornerRadius;
+	box-shadow: @sapUiFieldShadow;
 }
 
 .sapMInputBaseContentWrapper.sapMInputBaseDisabledWrapper {
@@ -141,24 +141,28 @@
 	background: @sapUiFieldInvalidBackgroundStyle;
 	background-color: @sapUiFieldInvalidBackground;
 	border: @sapUiFieldInvalidBorderWidth @sapUiFieldInvalidBorderStyle @sapUiFieldInvalidColor;
+	box-shadow: @sapUiFieldInvalidShadow;
 }
 
 .sapMInputBaseContentWrapperWarning {
 	background: @sapUiFieldWarningBackgroundStyle;
 	background-color: @sapUiFieldWarningBackground;
 	border: @sapUiFieldWarningBorderWidth @sapUiFieldWarningBorderStyle @sapUiFieldWarningColor;
+	box-shadow: @sapUiFieldWarningShadow;
 }
 
 .sapMInputBaseContentWrapperSuccess {
 	background: @sapUiFieldSuccessBackgroundStyle;
 	background-color: @sapUiFieldSuccessBackground;
 	border: @sapUiFieldSuccessBorderWidth @sapUiFieldSuccessBorderStyle @sapUiFieldSuccessColor;
+	box-shadow: @sapUiFieldSuccessShadow;
 }
 
 .sapMInputBaseContentWrapperInformation {
 	background: @sapUiFieldInformationBackgroundStyle;
 	background-color: @sapUiFieldInformationBackground;
 	border: @sapUiFieldInformationBorderWidth @sapUiFieldInformationBorderStyle @sapUiFieldInformationColor;
+	box-shadow: @sapUiFieldInformationShadow;
 }
 
 .sapMInputBaseIconContainer {
@@ -207,6 +211,14 @@
 	}
 }
 
+.sapMInputBase .sapUiLocalBusyIndicator:focus:after {
+	top: @_sap_m_InputBase_FocusOffset_Busy;
+	left: @_sap_m_InputBase_FocusOffset_Busy;
+	right: @_sap_m_InputBase_FocusOffset_Busy;
+	bottom: @_sap_m_InputBase_FocusOffset_Busy;
+	border-radius: @_sap_m_InputBase_FocusBorderRadius;
+}
+
 .sapMInputBaseInner::-webkit-input-placeholder {
 	font-size: @sapMFontMediumSize;
 	font-style: italic;
@@ -277,7 +289,7 @@ input.sapMInputBaseInner:invalid {
 		background: @sapUiFieldHoverBackgroundStyle;
 		background-color: @sapUiFieldHoverBackground;
 		border-color: @sapUiFieldHoverBorderColor;
-		box-shadow: @sapUiContentInteractionShadow;
+		box-shadow: @sapUiFieldHoverShadow;
 	}
 }
 
@@ -295,22 +307,22 @@ input.sapMInputBaseInner:invalid {
 .sapMInputBase:not(.sapMFocus).sapMInputBaseIconPressed .sapMInputBaseContentWrapperState {
 	&.sapMInputBaseContentWrapperWarning:hover,
 	&.sapMInputBaseContentWrapperWarning {
-		box-shadow: @sapUiContentCriticalShadow;
+		box-shadow: @sapUiFieldHoverWarningShadow;
 	}
 
 	&.sapMInputBaseContentWrapperSuccess:hover,
 	&.sapMInputBaseContentWrapperSuccess {
-		box-shadow: @sapUiContentPositiveShadow;
+		box-shadow: @sapUiFieldHoverSuccessShadow;
 	}
 
 	&.sapMInputBaseContentWrapperError:hover,
 	&.sapMInputBaseContentWrapperError {
-		box-shadow: @sapUiContentNegativeShadow;
+		box-shadow: @sapUiFieldHoverInvalidShadow;
 	}
 
 	&.sapMInputBaseContentWrapperInformation:hover,
 	&.sapMInputBaseContentWrapperInformation {
-		box-shadow: @sapUiContentInformativeShadow;
+		box-shadow: @sapUiFieldHoverInformationShadow;
 	}
 }
 
@@ -318,31 +330,31 @@ input.sapMInputBaseInner:invalid {
 	&.sapMInputBaseIconPressed .sapMInputBaseIcon,
 	.sapMInputBaseIcon:active,
 	.sapMInputBaseIcon:hover  {
-		box-shadow: @sapUiContentInteractionShadow;
+		box-shadow: @sapUiFieldHoverShadow;
 	}
 
 	&.sapMInputBaseIconPressed .sapMInputBaseContentWrapperError .sapMInputBaseIconContainer .sapMInputBaseIcon,
 	.sapMInputBaseContentWrapperError .sapMInputBaseIconContainer .sapMInputBaseIcon:active,
 	.sapMInputBaseContentWrapperError .sapMInputBaseIconContainer .sapMInputBaseIcon:hover {
-		box-shadow: @sapUiContentNegativeShadow;
+		box-shadow: @sapUiFieldHoverInvalidShadow;
 	}
 
 	&.sapMInputBaseIconPressed .sapMInputBaseContentWrapperWarning .sapMInputBaseIconContainer .sapMInputBaseIcon,
 	.sapMInputBaseContentWrapperWarning .sapMInputBaseIconContainer .sapMInputBaseIcon:active,
 	.sapMInputBaseContentWrapperWarning .sapMInputBaseIconContainer .sapMInputBaseIcon:hover {
-		box-shadow: @sapUiContentCriticalShadow;
+		box-shadow: @sapUiFieldHoverWarningShadow;
 	}
 
 	&.sapMInputBaseIconPressed .sapMInputBaseContentWrapperSuccess .sapMInputBaseIconContainer .sapMInputBaseIcon,
 	.sapMInputBaseContentWrapperSuccess .sapMInputBaseIconContainer .sapMInputBaseIcon:active,
 	.sapMInputBaseContentWrapperSuccess .sapMInputBaseIconContainer .sapMInputBaseIcon:hover {
-		box-shadow: @sapUiContentPositiveShadow;
+		box-shadow: @sapUiFieldHoverSuccessShadow;
 	}
 
 	&.sapMInputBaseIconPressed .sapMInputBaseContentWrapperInformation .sapMInputBaseIconContainer .sapMInputBaseIcon,
 	.sapMInputBaseContentWrapperInformation .sapMInputBaseIconContainer .sapMInputBaseIcon:active,
 	.sapMInputBaseContentWrapperInformation .sapMInputBaseIconContainer .sapMInputBaseIcon:hover {
-		box-shadow: @sapUiContentInformativeShadow;
+		box-shadow: @sapUiFieldHoverInformationShadow;
 	}
 }
 
@@ -351,11 +363,11 @@ input.sapMInputBaseInner:invalid {
 .sapUiSizeCompact {
 	.sapMInputBase {
 		line-height: 1rem;
-		height: @_sap_m_InputBase_Compact_Height;
+		height: @sapUiElementCompactHeight;
 	}
 
 	.sapMInputBaseContentWrapper {
-		height: @_sap_m_InputBase_Compact_Height;
+		height: @sapUiElementCompactHeight;
 	}
 
 	.sapMInputBaseInner {

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

@@ -21,4 +21,11 @@
 	color: @sapUiListTextColor;
 	box-shadow: @sapUiContentShadow2;
 	border-radius: @sapUiElementBorderCornerRadius;
+}
+
+.sapMMessageToast.sapMFocus {
+	outline-width: @sapUiContentFocusWidth;
+	outline-style: @sapUiContentFocusStyle;
+	outline-color: @sapUiContentFocusColor;
+	outline-offset: -@sapUiContentFocusWidth;
 }

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

@@ -817,6 +817,26 @@ html .sapUiContainer-Narrow .sapMOHRTabs .sapMITH {
 				margin-right: -3rem;
 			}
 		}
+		.sapFFCLColumnBegin.sapUiContainer-Narrow,
+		.sapFFCLColumnMid.sapUiContainer-Narrow,
+		.sapFFCLColumnEnd.sapUiContainer-Narrow {
+			.sapUiResponsiveContentPadding .sapMOHR{
+				.sapMITH {
+					margin-left: -1rem;
+					margin-right: -1rem;
+				}
+			}
+		}
+		.sapFFCLColumnBegin.sapUiContainer-Medium,
+		.sapFFCLColumnMid.sapUiContainer-Medium,
+		.sapFFCLColumnEnd.sapUiContainer-Medium {
+			.sapUiResponsiveContentPadding .sapMOHR{
+				.sapMITH {
+					margin-left: -2rem;
+					margin-right: -2rem;
+				}
+			}
+		}
 	}
 }
 

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

@@ -85,7 +85,7 @@
 .sapMSDItem .sapMSDItemLineLabel {
 	margin-right: 1rem;
 	color: @sapUiContentLabelColor;
-    white-space: nowrap;
+    white-space: normal;
     overflow: hidden;
     text-overflow: ellipsis;
 }

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

@@ -459,26 +459,6 @@ html[data-sap-ui-browser^='ff'] .sapMTableRowCustomFocus:focus > :not(.sapMListT
 	font-size: @sapUiListTableTextSize;
 }
 
-/* overwrite text control styles */
-.sapMListTblCell {
-	.sapMLnk,
-	.sapMText,
-	.sapMLabel,
-	.sapMObjectNumber,
-	.sapMObjectIdentifier,
-	.sapMObjStatus {
-		line-height: 1.4;
-
-		.sapMObjStatusText {
-			line-height: inherit;
-		}
-
-		.sapUiSizeCompact & {
-			vertical-align: middle;
-		}
-	}
-}
-
 /* special class name to add margin to multiline contents */
 /* deprecated - kept for compatibility reasons, but apps should use sapUiTinyMarginTopBottom instead */
 .sapUiSizeCompact .sapMTableContentMargin {

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

@@ -24,7 +24,8 @@
 	}
 
 	& > span {
-		width: 0.75rem;
+		min-width: 0.5rem;
+		padding: 0 0.125rem;
 		text-align: center;
 		font-family: @sapUiFontFamily;
 		font-size: @sapMFontMediumSize;

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

@@ -11,7 +11,8 @@
 	align-items: center;
 
 	& > span {
-		width: 0.75rem;
+		min-width: 0.5rem;
+		padding: 0 0.125rem;
 		text-align: center;
 		font-family: @sapUiFontFamily;
 		font-size: @sapMFontMediumSize;

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

@@ -21,7 +21,7 @@
 	}
 
 	.sapMWizardStep:first-child {
-		padding-top: 1rem;
+		margin-top: 1rem;
 	}
 
 	.sapMWizardStep  {