@openui5/sap.m 1.109.0 → 1.111.0

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -12,26 +12,27 @@ sap.ui.define([
 	"use strict";
 
 	/**
-	 * Constructor for a new QuickGroupItem.
+	 * Constructor for a new <code>QuickGroupItem</code>.
 	 *
-	 * @param {string} [sId] ID for the new QuickGroupItem, generated automatically if no ID is given
-	 * @param {object} [mSettings] Initial settings for the new QuickGroupItem
+	 * @param {string} [sId] ID for the new <code>QuickGroupItem</code>, generated automatically if no ID is given
+	 * @param {object} [mSettings] Initial settings for the new <code>QuickGroupItem</code>
 	 *
 	 * @class
-	 * This element serves as a quick group item.
-	 * It can be used to specify control- and application specific quick group items.
+	 * The <code>QuickGroupItem</code> class is used for items for the <code>sap.m.table.columnmenu.QuickGroup</code>.
+	 * It can be used to specify control- and application-specific items for grouping.
 	 *
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 *
-	 * @private
-	 * @experimental
+	 * @public
+	 * @since 1.110
 	 *
 	 * @alias sap.m.table.columnmenu.QuickGroupItem
 	 */
 	var QuickGroupItem = QuickActionItem.extend("sap.m.table.columnmenu.QuickGroupItem", {
+
 		metadata: {
 			library: "sap.m",
 			properties: {

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -12,25 +12,27 @@ sap.ui.define([
 	"use strict";
 
 	/**
-	 * Constructor for a new QuickSort.
+	 * Constructor for a new <code>QuickSort</code>.
 	 *
-	 * @param {string} [sId] ID for the new QuickSort, generated automatically if no ID is given
-	 * @param {object} [mSettings] Initial settings for the new QuickSort
+	 * @param {string} [sId] ID for the new <code>QuickSort</code>, generated automatically if no ID is given
+	 * @param {object} [mSettings] Initial settings for the new <code>QuickSort</code>
 	 *
 	 * @class
-	 * Quick action - sort
+	 * The <code>QuickSort</code> class is used for quick sorting for the <code>sap.m.table.columnmenu.Menu</code>.
+	 * It can be used to specify control- and application-specific quick actions for sorting.
 	 *
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 *
-	 * @private
-	 * @experimental
+	 * @public
+	 * @since 1.110
 	 *
 	 * @alias sap.m.table.columnmenu.QuickSort
 	 */
 	var QuickSort = QuickActionBase.extend("sap.m.table.columnmenu.QuickSort", {
+
 		metadata: {
 			library: "sap.m",
 			aggregations: {
@@ -46,7 +48,7 @@ sap.ui.define([
 				change: {
 					parameters: {
 						/**
-						 * The key of the property to be sorted.
+						 * The key of the property that is sorted.
 						 */
 						key: { type: "string" },
 						/**

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -22,32 +22,39 @@ sap.ui.define([
 	var SortOrder = CoreLibrary.SortOrder;
 
 	/**
-	 * Constructor for a new QuickSortItem.
+	 * Constructor for a new <code>QuickSortItem</code>.
 	 *
-	 * @param {string} [sId] ID for the new QuickSortItem, generated automatically if no ID is given
-	 * @param {object} [mSettings] Initial settings for the new QuickSortItem
+	 * @param {string} [sId] ID for the new <code>QuickSortItem</code>, generated automatically if no ID is given
+	 * @param {object} [mSettings] Initial settings for the new <code>QuickSortItem</code>
 	 *
 	 * @class
-	 * This element serves as a quick sort item.
-	 * It can be used to specify control- and application specific quick sort items.
+	 * The <code>QuickSortItem</code> class is used for items for the <code>sap.m.table.columnmenu.QuickSort</code>.
+	 * It can be used to specify control- and application-specific items for sorting.
 	 *
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 *
-	 * @private
-	 * @experimental
+	 * @public
+	 * @since 1.110
 	 *
 	 * @alias sap.m.table.columnmenu.QuickSortItem
 	 */
 	var QuickSortItem = QuickActionItem.extend("sap.m.table.columnmenu.QuickSortItem", {
+
 		metadata: {
 			library: "sap.m",
 			properties: {
+				/**
+				 * Specifies the sort order that is applied for the respective column.
+				 */
 				sortOrder: { type: "sap.ui.core.SortOrder", defaultValue: CoreLibrary.SortOrder.None }
 			},
 			aggregations: {
+				/**
+				 * Defines the quick action of the quick sort item.
+				 */
 				quickAction: { type: "sap.m.table.columnmenu.QuickAction", multiple: false, visibility: "hidden" }
 			}
 		}

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -16,25 +16,27 @@ sap.ui.define([
 	"use strict";
 
 	/**
-	 * Constructor for a new QuickTotal.
+	 * Constructor for a new <code>QuickTotal</code>.
 	 *
-	 * @param {string} [sId] ID for the new QuickTotal, generated automatically if no ID is given
-	 * @param {object} [mSettings] Initial settings for the new QuickTotal
+	 * @param {string} [sId] ID for the new <code>QuickTotal</code>, generated automatically if no ID is given
+	 * @param {object} [mSettings] Initial settings for the new <code>QuickTotal</code>
 	 *
 	 * @class
-	 * Quick action - total
+	 * The <code>QuickTotal</code> class is used for quick totaling for the <code>sap.m.table.columnmenu.Menu</code>.
+	 * It can be used to specify control- and application-specific quick actions for totaling.
 	 *
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 *
-	 * @private
-	 * @experimental
+	 * @public
+	 * @since 1.110
 	 *
 	 * @alias sap.m.table.columnmenu.QuickTotal
 	 */
 	var QuickTotal = QuickActionBase.extend("sap.m.table.columnmenu.QuickTotal", {
+
 		metadata: {
 			library: "sap.m",
 			aggregations: {

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -12,26 +12,27 @@ sap.ui.define([
 	"use strict";
 
 	/**
-	 * Constructor for a new QuickTotalItem.
+	 * Constructor for a new <code>QuickTotalItem</code>.
 	 *
-	 * @param {string} [sId] ID for the new QuickTotalItem, generated automatically if no ID is given
-	 * @param {object} [mSettings] Initial settings for the new QuickTotalItem
+	 * @param {string} [sId] ID for the new <code>QuickTotalItem</code>, generated automatically if no ID is given
+	 * @param {object} [mSettings] Initial settings for the new <code>QuickTotalItem</code>
 	 *
 	 * @class
-	 * This element serves as a quick total item.
-	 * It can be used to specify control- and application specific quick total items.
+	 * The <code>QuickTotalItem</code> class is used for items for the <code>sap.m.table.columnmenu.QuickTotal</code>.
+	 * It can be used to specify control- and application-specific items for totaling.
 	 *
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 *
-	 * @private
-	 * @experimental
+	 * @public
+	 * @since 1.110
 	 *
 	 * @alias sap.m.table.columnmenu.QuickTotalItem
 	 */
 	var QuickTotalItem = QuickActionItem.extend("sap.m.table.columnmenu.QuickTotalItem", {
+
 		metadata: {
 			library: "sap.m",
 			properties: {

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

@@ -3,7 +3,9 @@
 /* Base theme                      */
 /* =============================== */
 
-@_sap_m_Carousel_BackgroundColor: @sapGroup_ContentBackground;
+@_sap_m_Carousel_BackgroundColorSolid: @sapUiGroupContentBackground;
+@_sap_m_Carousel_BackgroundColorTransparent: transparent;
+@_sap_m_Carousel_BackgroundColorTranslucent: @sapUiGroupContentBackground;
 @_sap_m_Carousel_MinWidth: 20rem;
 @_sap_m_Carousel_ControlsNoArrowsHeight: 2rem;
 @_sap_m_Carousel_NumericIndicatorTextColor: @sapUiContentLabelColor;
@@ -27,13 +29,24 @@
 @_sap_m_Carousel_FocusBorder: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 
 .sapMCrsl {
-	background-color: @_sap_m_Carousel_BackgroundColor;
 	position: relative;
 	overflow: hidden;
 	box-sizing: border-box;
 	min-width: @_sap_m_Carousel_MinWidth;
 }
 
+.sapMCrslBackground-Solid {
+	background-color: @_sap_m_Carousel_BackgroundColorSolid;
+}
+
+.sapMCrslBackground-Transparent {
+	background-color: @_sap_m_Carousel_BackgroundColorTransparent;
+}
+
+.sapMCrslBackground-Translucent {
+	background-color: @_sap_m_Carousel_BackgroundColorTranslucent;
+}
+
 .sapMCrslItem:focus {
 	position: relative;
 }
@@ -464,11 +477,11 @@ html[data-sap-ui-animation='off'] .sapMCrslInner {
 /* Styles needed for keyboard handling
    ========================================================================== */
 .sapMCrslItem {
-	visibility: hidden;
+	opacity: 0;
 	overflow: hidden;
 }
 .sapMCrslActive {
-	visibility: visible;
+	opacity: 1;
 }
 
 /* Page Indicator Numeric

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

@@ -12,7 +12,7 @@
 
 .sapMPluginsColumnResizerHandle {
 	position: absolute;
-	z-index: 1;
+	z-index: 2;
 	top: 0;
 	bottom: 0;
 	left: -10000px;

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

@@ -181,8 +181,8 @@ html.sap-desktop .sapMDialog {
 	font-size: 0.875rem;
 }
 
-.sapMDialog > header.sapMDialogTitle,
-.sapMDialog > header.sapMDialogSubHeader {
+.sapMDialog > header .sapMDialogTitleGroup,
+.sapMDialog > header .sapMDialogSubHeader {
 	font-size: 1rem;
 }
 
@@ -199,24 +199,24 @@ html.sap-desktop .sapMDialog {
 	border-top: none;
 }
 
-.sapMMessageDialog.sapMPopup-CTX > header.sapMDialogTitle {
+.sapMMessageDialog.sapMPopup-CTX > header .sapMDialogTitleGroup {
 	background-image: none;
 	filter: none;
 }
 
-.sapMDialog > header.sapMDialogTitle .sapMTitle {
+.sapMDialog > header .sapMDialogTitleGroup .sapMTitle {
 	color: @sapUiPageHeaderTextColor;
 	vertical-align: middle;
 }
 
-.sapMDialog > header.sapMDialogTitle .sapMImg {
+.sapMDialog > header .sapMDialogTitleGroup .sapMImg {
 	height: 2.25rem;
 	margin-right: 0.625rem;
 	vertical-align: middle;
 	width: 2.25rem;
 }
 
-.sapMDialog > header.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
+.sapMDialog > header .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 	font-size: 1.25rem;
 	vertical-align: middle;
 }
@@ -244,13 +244,13 @@ html.sap-desktop .sapMDialog {
 			&.sapMDialog-NoHeader {
 				padding-top: @_sap_m_Dialog_SubHeaderCompactHeight;
 
-				& > .sapMDialogSubHeader {
+				& .sapMDialogSubHeader {
 					top: 0;
 				}
 			}
 		}
 
-		& > .sapMDialogTitle {
+		.sapMDialogTitleGroup {
 			height: @_sap_m_Dialog_BarCompactHeight;
 
 			.sapMHeader-CTX,
@@ -274,41 +274,11 @@ html.sap-desktop .sapMDialog {
 			}
 		}
 
-		& header.sapMDialogSubHeader {
+		.sapMDialogSubHeader {
 			height: @_sap_m_Dialog_SubHeaderCompactHeight;
 			top: @_sap_m_Dialog_BarCompactHeight;
 		}
 	}
-
-	&.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg {
-		&.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg,
-		& .sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg {
-			height: 1.5rem;
-			width: 1.5rem;
-		}
-
-		&.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapUiIcon,
-		& .sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapUiIcon {
-			font-size: 1rem;
-			height: 1.5rem;
-			line-height: 1.5rem;
-			width: 1rem;
-		}
-
-		&.sapMDialog > header:first-of-type .sapMHeader-CTX,
-		&.sapMDialog > footer:last-of-type .sapMFooter-CTX,
-		& .sapMDialog > header:first-of-type .sapMHeader-CTX,
-		& .sapMDialog > footer:last-of-type .sapMFooter-CTX {
-			height: 2.5rem;
-
-			.sapMBarLeft,
-			.sapMBarRight,
-			.sapMBarPH {
-				padding-bottom: 0.25rem;
-				padding-top: 0.25rem;
-			}
-		}
-	}
 }
 
 .sapMDialogResizing,
@@ -373,13 +343,13 @@ html.sap-desktop .sapMDialog {
 		&.sapMDialog-NoHeader {
 			padding-top: @_sap_m_Dialog_SubHeaderHeight;
 
-			& > .sapMDialogSubHeader {
+			.sapMDialogSubHeader {
 				top: 0;
 			}
 		}
 	}
 
-	& > .sapMDialogTitle {
+	.sapMDialogTitleGroup {
 		height: @_sap_m_Dialog_BarHeight;
 		left: 0;
 		position: absolute;
@@ -387,7 +357,7 @@ html.sap-desktop .sapMDialog {
 		top: 0;
 	}
 
-	& > .sapMDialogTitle .sapMDialogTitleGroup:focus {
+	.sapMDialogTitleGroup:focus {
 		outline: none;
 
 		&::after {
@@ -420,7 +390,7 @@ html.sap-desktop .sapMDialog {
 		cursor: move;
 	}
 
-	& header.sapMDialogSubHeader {
+	.sapMDialogSubHeader {
 		cursor: default;
 		height: @_sap_m_Dialog_SubHeaderHeight;
 		left: 0;
@@ -436,7 +406,7 @@ html[data-sap-ui-animation='off'] .sapMDialog {
 	transition: none;
 }
 
-.sapMDialog.sapMDialogWithSubHeader .sapMDialogTitle .sapMIBar {
+.sapMDialog.sapMDialogWithSubHeader .sapMDialogTitleGroup .sapMIBar {
 	box-shadow: none;
 }
 
@@ -445,43 +415,43 @@ html[data-sap-ui-animation='off'] .sapMDialog {
 }
 
 .sapMDialogWarning > header {
-	&.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
+	.sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 		color: @sapUiCriticalElement;
 	}
 
-	&:last-of-type .sapMIBar {
+	& > div:last-of-type .sapMIBar {
 		box-shadow: @_sap_m_Dialog_WarningHeaderShadow;
 	}
 }
 
 .sapMDialogError > header {
 
-	&.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
+	.sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 		color: @sapUiNegativeElement;
 	}
 
-	&:last-of-type .sapMIBar {
+	& > div:last-of-type .sapMIBar {
 		box-shadow: @_sap_m_Dialog_ErrorHeaderShadow;
 	}
 }
 
 .sapMDialogSuccess > header {
-	&.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
+	.sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 		color: @sapUiPositiveElement;
 	}
 
-	&:last-of-type .sapMIBar {
+	& > div:last-of-type .sapMIBar {
 		box-shadow: @_sap_m_Dialog_SuccessHeaderShadow;
 	}
 }
 
 .sapMDialogInformation > header {
 
-	&.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
+	.sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 		color: @sapUiInformativeElement;
 	}
 
-	&:last-of-type .sapMIBar {
+	& > div:last-of-type .sapMIBar {
 		box-shadow: @_sap_m_Dialog_InformationHeaderShadow;
 	}
 }

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

@@ -191,4 +191,8 @@
 .sapUiSizeCompact .sapMFeedIn >.sapMFeedInContainer >.sapMInputBase {
 	margin: 0;
 	min-height: 4rem;
+}
+
+.sapMFeedIn .sapMInputBase .sapMTextArea .sapMInputBaseContentWrapper {
+	min-height: 4rem;
 }

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

@@ -177,7 +177,7 @@ html[dir=rtl].sap-phone .sapMFeedListItemTextName {
 	margin-top: 0.375rem;
 	margin-bottom: 0rem;
 	overflow: hidden;
-	white-space: nowrap;
+	white-space: pre-wrap;
 	text-overflow: ellipsis;
 	font-family: @sapUiFontFamily;
 }

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

@@ -311,22 +311,83 @@ border-radius: 0.25rem;
 	height: 5.25rem;
 }
 
-.sapMGT.sapMGTWidthForGridContainer.TwoByOne {
+.sapMGT.sapMGTGridContainerOneRemGap.TwoByOne {
 	width: 23rem;
 }
 
-.sapMGT.sapMGTWidthForGridContainer.TwoByHalf {
+.sapMGT.sapMGTGridContainerOneRemGap.TwoByHalf {
 	width: 23rem;
+	height: 5rem;
+	.sapMGTHdrContent.TwoByHalf {
+		line-height: normal;
+	}
+	.sapMGTContent {
+		height: 2.6875rem;
+		.sapMTileCnt {
+			.sapMTileCntContent {
+				margin-top: 0.125rem;
+				.sapMImageContentImageIcon {
+					font-size: 1.625rem;
+					max-height: 1.625rem;
+				}
+			}
+			.sapMTileCntFtrTxt {
+				bottom: 0.75rem;
+			}
+		}
+	}
 }
 
-.sapMTileSmallPhone.sapMGT.sapMGTWidthForGridContainer.TwoByOne{
-	width: 19.5rem;
+.sapMGT.sapMGTGridContainerOneRemGap.OneByHalf {
+	height: 5rem;
+	.sapMGTContent {
+		height: 2.6875rem;
+		.sapMTileCnt {
+			.sapMTileCntContent {
+				margin-top: 0.125rem;
+				.sapMImageContentImageIcon {
+					font-size: 1.625rem;
+					max-height: 1.625rem;
+				}
+			}
+			.sapMTileCntFtrTxt {
+				bottom: 0.75rem;
+			}
+		}
+	}
 }
 
-.sapMTileSmallPhone.sapMGT.sapMGTWidthForGridContainer.TwoByHalf{
+.sapMTileSmallPhone.sapMGT.sapMGTGridContainerOneRemGap.TwoByOne{
 	width: 19.5rem;
 }
 
+.sapMTileSmallPhone.sapMGT.sapMGTGridContainerOneRemGap.TwoByHalf{
+	width: 19rem;
+	height: 4.125rem;
+	.sapMGTContent {
+		height: 2.375rem;
+		.sapMTileCnt {
+			.sapMTileCntContent {
+				margin-top: 0.25rem;
+				.sapMImageContentImageIcon {
+					max-height: 1.625rem;
+				}
+			}
+		}
+	}
+}
+
+.sapMTileSmallPhone.sapMGT.sapMGTGridContainerOneRemGap.OneByHalf{
+	width: 9.25rem;
+	height: 4.125rem;
+	.sapMGTContent {
+		height: 2.375rem;
+		.sapMTileCntContent {
+			margin-top: 0.25rem;
+		}
+	}
+}
+
 .tileWithAppInfo {
 	.sapMGTTInfoContainer {
 		display: flex;
@@ -1385,17 +1446,9 @@ html[dir=rtl] .sapMGTLineMode {
 }
 
 /******************* OVERLAYS AND HELPERS *******************/
-.sapMGT.sapMGTStateFailed, .sapMGT.sapMGTStateDisabled {
-	.sapMTileCnt {
-		position: relative;
-
-		&:after {
-			.sapMGTOverlayMixin();
-			display: block;
-			content: "";
-			background-color: fade(@sapUiTileBackground, 80);
-		}
-	}
+.sapMGTOverlay {
+	.sapMGTOverlayMixin();
+	opacity: 0.8;
 }
 
 .sapMGT .sapMGTFocusDiv {
@@ -1985,6 +2038,14 @@ html[data-sap-ui-browser*='ff'] {
 			}
 		}
 	}
+	&:focus:not(:active){
+		outline: 0.125rem solid @sapTile_Background;
+		.sapMGTFocusDiv {
+			border: none;
+			outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
+			outline-offset: 0.125rem;
+		}
+	}
 }
 
 .sapMGTHdrContent.sapMGTOneByOne > .sapMGTHdrTxt > .sapMText{
@@ -2364,4 +2425,24 @@ html[data-sap-ui-browser*='ff'] {
 html.sap-desktop .sapMGT.sapMGTTwoByHalf.sapMGTIconMode.HighContrastTile:not(.sapMGTStateDisabled):hover {
 	box-shadow: 0 0 0 0.188rem @sapUiContentShadowColor inset;
 	border: none;
+}
+
+.sapMGT.sapMGTOneByOne.HighContrastTile:focus:not(:active) {
+	outline-offset: 0.0625rem;
+	.sapMGTFocusDiv{
+		outline: none;
+	}
+	&::before {
+		content: "";
+		position: absolute;
+		outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
+		border-radius: 0.1rem;
+		outline-offset: 0.25rem;
+		inset: 0;
+	}
+}
+.sapMGT.sapMGTOneByOne.HighContrastTile:hover {
+	.sapMGTFocusDiv {
+		outline-offset: 0 !important;
+	}
 }

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

@@ -535,6 +535,7 @@
 
 				.sapMITBText {
 					color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
+					text-shadow: none;
 				}
 
 				.sapMITHShowSubItemsIcon {
@@ -1194,12 +1195,14 @@ html.sap-desktop {
 
 	}
 
-	.sapMITBContentArrow {
-		height: @_sap_m_IconTabBar_Compact_ContentArrowHeight;
-	}
-
 	.sapMITBHorizontalWrapper {
 		height: 2rem;
+		overflow: visible;
+	}
+
+
+	.sapMITBContentArrow {
+		height: @_sap_m_IconTabBar_Compact_ContentArrowHeight;
 	}
 
 	.sapMITBHorizontal {