@openui5/themelib_sap_horizon 1.101.0 → 1.103.0

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

@@ -18,30 +18,8 @@
 @_sap_m_Carousel_PageIndicatorWidthSizeL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
-
-.sapMCrsl {
-	background-color: @sapUiBaseBG;
-}
-
-/* Carousel controls: HUD */
-.sapMCrslHud a {
-	opacity: 0.5;
-	box-shadow: @sapUiShadowLevel1;
-}
-
-.sapMCrsl .sapMCrslHud a:hover,
-.sapMCrsl .sapMCrslHud a:focus {
-	box-shadow: @sapUiShadowLevel1;
-	border: 1px solid @sapUiButtonBorderColor;
-	background: @sapUiButtonHoverBackground;
-}
-
-.sapMCrsl .sapMCrslHud a:active {
-	box-shadow: @sapUiShadowLevel1;
-	background-color: @sapUiButtonActiveBackground;
-}
-
-.sapMCrslPrev:focus,
-.sapMCrslNext:focus {
-	outline: none;
-}
+@_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
+@_sap_m_Carousel_BulletInactiveBackground: @sapContent_ForegroundBorderColor;
+@_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
+@_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
+@_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;

package/src/sap/m/themes/sap_horizon/ColorPalette.less

@@ -3,16 +3,23 @@
 /* Horizon theme                       */
 /* =================================== */
 
-.sapMColorPalette .sapMColorPaletteSquare:hover > div,
-.sapMColorPalette .sapMColorPaletteSquare,
-html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:hover > div,
+@_sap_m_ColorPalette_SwatchWidthHitAreaCozy: 2.375rem;
+@_sap_m_ColorPalette_SwatchWidthHitAreaCompact: 1.75rem;
+
 html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
 	border-radius: 0.25rem;
-}
-
-html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare div,
-.sapMColorPalette .sapMColorPaletteSquare div {
-	border-radius: 0.125rem;
+	&:hover {
+		border-radius: 0.4375rem;
+		margin: 0.0625rem;
+		width: 2.25rem;
+		height: 2.25rem;
+		& > div {
+			border-radius: 0.375rem;
+		}
+	}
+	div {
+		border-radius: 0.1875rem;
+	}
 }
 
 .sap-desktop .sapMColorPalette .sapMBtn:focus {
@@ -37,24 +44,40 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare div,
 	}
 }
 
-html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus:after {
-	border: 0.125rem solid @sapUiContentContrastFocusColor;
-	border-radius: 0.0625rem;
-	top: 0.125rem;
-	left: 0.125rem;
-	bottom: 0.125rem;
-	right: 0.125rem;
-}
-
-html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus:before {
-	border: 0.125rem solid @sapUiContentFocusColor;
-	border-radius: 0.125rem;
-	top: 0;
-	left: 0;
-	bottom: 0;
-	right: 0;
+html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus {
+	&:after {
+		display: none;
+	}
+	&:before {
+		border: 0.125rem solid @sapUiContentFocusColor;
+		border-radius: 0.4375rem;
+		top: -0.3125rem;
+		left: -0.3125rem;
+		bottom: -0.3125rem;
+		right: -0.3125rem;
+	}
+	&:hover {
+		&:after {
+			display: block;
+			border: 0.0625rem solid @sapUiContentContrastFocusColor;
+			border-radius: 0.3125rem;
+			top: 0.0625rem;
+			left: 0.0625rem;
+			bottom: 0.0625rem;
+			right: 0.0625rem;
+		}
+		&:before {
+			border: 0.125rem solid @sapUiContentFocusColor;
+			border-radius: 0.4375rem;
+			top: -0.0625rem;
+			left: -0.0625rem;
+			bottom: -0.0625rem;
+			right: -0.0625rem;
+		}
+	}
 }
 
+html:not(.sap-phone) .sapMColorPalette,
 .sapMColorPalette {
 	.sapMBtn {
 		&:focus {
@@ -65,9 +88,50 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus:before {
 				}
 			}
 		}
+		.sapMBtnInner {
+			height: 2.75rem;
+			.sapMBtnContent {
+				line-height: 2.75rem;
+			}
+			&.sapMBtnText {
+				padding: 0;
+			}
+		}
+	}
+	.sapMBtnInner {
+		border-radius: 0;
+	}
+}
+
+html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette {
+	.sapMBtn .sapMBtnInner {
+		height: 2rem;
+		.sapMBtnContent {
+			line-height: 2rem;
+		}
+	}
+	.sapMColorPaletteSquare:hover {
+		margin: 0.0625rem;
+		width: 1.625rem;
+		height: 1.625rem;
+	}
+	.sapMColorPaletteSquare:focus:not(:hover):before {
+		top: -0.25rem;
+		left: -0.25rem;
+		bottom: -0.25rem;
+		right: -0.25rem;
 	}
 }
 
 html.sap-desktop .sapMColorPalette .sapMBtn:focus > .sapMFocusable:before {
 	display: none;
-}
+}
+
+.sap-phone .sapMColorPalette .sapMColorPaletteSquare {
+	& > div {
+		border-radius: 0.25rem;
+		&:active {
+			border-radius: 0.4375rem;
+		}
+	}
+}

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

@@ -128,10 +128,3 @@ html.sap-phone .sapMDialog {
 		}
 	}
 }
-
-.sapMDialog footer .sapMTB.sapMFooter-CTX {
-	// override for toolbar's top rounded corners
-	// TODO: toolbar shouldn't have rounded corners, remove this later
-	border-top-left-radius: 0px;
-	border-top-right-radius: 0px;
-}

package/src/sap/m/themes/sap_horizon/DynamicDateRange.less

@@ -0,0 +1,12 @@
+/* ======================================= */
+/* CSS for control sap.m/DynamicDateRange  */
+/* Horizon theme                           */
+/* ======================================= */
+
+.sapUiIcon.sapMDDRDateOption {
+	color: @sapUiButtonActiveTextColor;
+}
+
+.sapMDynamicDateRangePopover section > .sapMLabel {
+	margin: 1rem 0 0.5rem 0;
+}

package/src/sap/m/themes/sap_horizon/GenericTag.less

@@ -5,108 +5,126 @@
 
 @sapMGenericTagBorderWidth: 0.375rem;
 @sapMGenericTagIconPaddingRight: 0.375rem;
-@sapMGenericTagPaddingLeft: 0.375rem;
+@sapMGenericTagHeightCozy: @sapMGenericTagHeightCompact;
 
-.sapMGenericTag {
-	.sapMGenericTagWrap {
-		padding: 0 0 0 @sapMGenericTagPaddingLeft;
-		border-radius: @sapUiButtonBorderCornerRadius;
-		border-left-width: @sapMGenericTagBorderWidth;
+.sapMGenericTagWrap {
+	box-shadow: @sapUiContentShadow0;
+	border-radius: @sapUiButtonBorderCornerRadius;
+	background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiNeutralElement}, @{sapUiNeutralElement})";
+	background-color: @sapUiNeutralBG;
+	border: none;
+	padding: 0 0.375rem 0 0.75rem;
 
-		.sapMGenericTagText {
-			margin-right: 0.375rem;
-		}
+	.sapMGenericTagWarning & {
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiCriticalElement}, @{sapUiCriticalElement})";
+		background-color: @sapUiWarningBG;
 
-		.sapMGenericTagValue {
-			margin-left: 0.75rem;
-			margin-right: 0.375rem;
-			padding-left: 0;
+		.sapMGenericTagIcon {
+			color: @sapUiCriticalElement;
 		}
 
-		.sapMGenericTagErrorIcon {
-			margin-right: 0.375rem;
+		.sapMGenericTagValue {
+			color: @sapUiCriticalText;
 		}
 	}
-}
 
-.sapMGenericTagWrap {
 	.sapMGenericTagError & {
-		border-color: @sapUiNegativeElement;
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiNegativeElement}, @{sapUiNegativeElement})";
+		background-color: @sapUiErrorBG;
 
 		.sapMGenericTagIcon {
 			color: @sapUiNegativeElement;
 		}
-	}
-
-	.sapMGenericTagWarning & {
-		border-color: @sapUiCriticalElement;
 
-		.sapMGenericTagIcon {
-			color: @sapUiCriticalElement;
+		.sapMGenericTagValue {
+			color: @sapNegativeTextColor;
 		}
 	}
 
 	.sapMGenericTagSuccess & {
-		border-color: @sapUiPositiveElement;
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiPositiveElement}, @{sapUiPositiveElement})";
+		background-color: @sapUiSuccessBG;
 
 		.sapMGenericTagIcon {
 			color: @sapUiPositiveElement;
 		}
+
+		.sapMGenericTagValue {
+			color: @sapUiPositiveText;
+		}
 	}
 
 	.sapMGenericTagInformation & {
-		border-color: @sapUiInformativeElement;
+		background: ~"0 0 / @{sapMGenericTagBorderWidth} 100% no-repeat linear-gradient(0deg, @{sapUiInformativeElement}, @{sapUiInformativeElement})";
+		background-color: @sapUiInformationBG;
 
 		.sapMGenericTagIcon {
 			color: @sapUiInformativeElement;
 		}
-	}
-
-	.sapMGenericTagNone & {
-		border-color: @sapUiNeutralElement;
 
-		.sapMGenericTagIcon {
-			color: @sapUiNeutralElement;
+		.sapMGenericTagValue {
+			color: @sapUiInformativeText;
 		}
 	}
 
 	&:hover {
-		background:@sapUiListHoverBackground;
+		background-color: @sapUiListHoverBackground;
+		box-shadow: @sapUiContentShadow0;
+
+		.sapMGenericTagText,
+		.sapMGenericTagValue,
+		.sapMGenericTagIcon,
+		.sapMObjectNumberText,
+		.sapMObjectNumberUnit,
+		.sapMGenericTagErrorIcon {
+			text-shadow: none;
+		}
 	}
 
-	.sapMGenericTagActive & {
-		background: @sapUiListActiveBackground;
+	.sapMGenericTagText {
+		color: @sapUiListTextColor;
+		text-shadow: @sapUiContentTextShadow;
+	}
 
-		.sapMGenericTagIcon {
+	.sapMGenericTagValue {
+		text-shadow: @sapUiContentTextShadow;
+	}
+
+	.sapMGenericTagErrorIcon {
+		color: @sapUiNegativeElement;
+	}
+
+	.sapMGenericTagActive &  {
+		background-color: @sapUiListActiveBackground;
+
+		.sapMGenericTagText,
+		.sapMGenericTagValue,
+		.sapMGenericTagIcon,
+		.sapMObjectNumberText,
+		.sapMObjectNumberUnit,
+		.sapMGenericTagErrorIcon {
 			color: @sapUiListActiveTextColor;
+			text-shadow: none;
 		}
 	}
 }
 
-html.sap-desktop .sapMGenericTag {
-	&:before {
-		display: none;
-	}
+html.sap-desktop .sapMGenericTag:focus {
+	position: relative;
 	&:after {
-		display: none;
+		position: absolute;
+		content: " ";
+		inset: 0;
+		border: @sapUiContentFocusColor @sapUiContentFocusStyle @sapUiContentFocusWidth;
+		border-radius: @sapUiButtonBorderCornerRadius;
 	}
-}
-
-html.sap-desktop .sapMGenericTag:focus .sapMGenericTagWrap {
-	box-shadow: 0 0 0 0.125rem @sapUiContentFocusColor;
-}
 
-.sapUiSizeCozy {
-	.sapMGenericTag {
-		margin: 0.5625rem 0;
-
-		.sapMGenericTagWrap {
-			height:  1.625rem;
-		}
+	.sapMGenericTagWrap {
+		box-shadow: none;
 	}
-}
 
-html.sap-phone .sapMGenericTag {
-	margin-top: 0.5625rem ;
-	margin-bottom: 0.5625rem ;
 }
+
+.sapUiSizeCozy .sapMGenericTag {
+	margin: 0.5625rem 0;
+}

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

@@ -226,6 +226,29 @@ html.sap-desktop .sapMGTLineModePress .sapMGTFocusDiv {
 	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 }
 
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus
+{
+		.sapMGTFocusDiv{
+			border: none;
+			box-shadow: none;
+		}
+}
+
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:active
+{
+	.sapMGTFocusDiv{
+		border: none;
+		box-shadow: none;
+	}
+}
+
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus-visible
+{
+	.sapMGTFocusDiv{
+		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	}
+}
+
 html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv,
 html.sap-desktop .sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv {
 	&:after {
@@ -320,6 +343,10 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html
 
 .sapMGTLineMode .sapMGTFocusDiv {
 	border-radius: 10px !important;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
 }
 
 .sapFGridContainer .sapFGridContainerItemWrapper:not(.sapFGridContainerItemWrapperNoVisualFocus):focus::before {
@@ -358,8 +385,24 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html
 }
 
 .TwoByOne.sapMGTActionMode {
-	border-radius: 1rem;
+	border-radius: 1.25rem;
 	.sapMGTFocusDiv {
-		border-radius: 1rem !important;
+		border-radius: 1.25rem !important;
+	}
+}
+
+.sapMGT.sapMGTScopeActions.sapMGTIconMode.TwoByHalf {
+	.sapMBtn.sapMGTMoreIcon{
+		.sapMBtnInner{
+			left: 0rem;
+		}
+	}
+}
+
+.sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
+	.sapMGTMoreIcon{
+		.sapMBtnIcon{
+			color: @sapUiButtonLiteTextColor;
+		}
 	}
 }

package/src/sap/m/themes/sap_horizon/IconTabBarSelectList.less

@@ -3,4 +3,4 @@
 /* Horizon theme                               */
 /* =========================================== */
 
-@_sap_m_IconTabBar_ListBorderRadius: 0.5rem;
+@_sap_m_IconTabBar_List_Focus_Offset: 2px;

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

@@ -22,11 +22,8 @@
 .sapMILI-CTX .sapMInputBaseContentWrapperError,
 .sapMInputBaseContentWrapper {
 	border: none;
-
-	&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMTokenizer .sapMToken {
-			margin-top: 0.1875rem;
-	}
 }
+
 .sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
 	width: @_sap_m_InputBase_IconWidth;
 	height: 2.1875rem;
@@ -78,11 +75,6 @@
 	padding-left: 0.125 * @sapContent_GridSize;
 }
 
-.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
-	background: ~"0 100% / 0.375rem @{sapField_BorderWidth} repeat-x linear-gradient(90deg, @{sapField_ReadOnly_BorderColor} 0, @{sapField_ReadOnly_BorderColor} 0.25rem, transparent 0.25rem) border-box";
-	background-color: @sapUiFieldReadOnlyBackground;
-}
-
 .sapMInputBaseDisabled {
 	opacity: @sapUiContentDisabledOpacity;
 }

package/src/sap/m/themes/sap_horizon/Label.less

@@ -0,0 +1,12 @@
+/* =============================== */
+/* CSS for control sap.m/Label     */
+/* Horizon theme                   */
+/* =============================== */
+
+.sapMTB-Info-CTX > .sapMLabel {
+	font-style: italic;
+
+	& > .sapMLabelTextWrapper{
+		padding-right: 5px;
+	}
+}

package/src/sap/m/themes/sap_horizon/LightBox.less

@@ -7,10 +7,11 @@
 /* Variables overriding            */
 /* ------------------------------- */
 
-@_sap_m_LightBox_OverlayBackground: fade(@sapUiBlockLayerBackground, 60);
 @_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
 @_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
 @_sap_m_LightBox_ErrorIconColor: fade(@sapUiContentNonInteractiveIconColor, 50);
+@_sap_m_LightBox_OverlayOpacity: 0.2;
+@_sap_m_LightBox_FontFamily: @sapFontHeaderFamily;
 
 /* ------------------------------- */
 /* Footer                          */

package/src/sap/m/themes/sap_horizon/ListBase.less

@@ -25,4 +25,8 @@
 
 .sapMGrowingList {
 	background-color: @sapUiListBackground;
+}
+
+.sapMGrowingListDummyColumn {
+	border-right: 1px solid @sapUiListTableFixedBorderColor;
 }

package/src/sap/m/themes/sap_horizon/ListItemBase.less

@@ -6,8 +6,6 @@
 @_sap_m_ListItemBase_ListTextShadowColor: none;
 @_sap_m_ListItemBase_DeleteIcon: decline;
 @_sap_m_ListItemBase_ButtonMarginTop: 0;
-@_sap_m_ListItemBase_SelectionControlWidth: 2.75rem;
-@_sap_m_ListItemBase_SelectionControlHeight: 2.75rem;
 
 .sapMLIBCounter {
 	text-shadow: @_sap_m_ListItemBase_ListTextShadowColor;
@@ -17,10 +15,6 @@
 	border-bottom: 0.0625rem solid @sapUiListSelectionBorderColor;
 }
 
-.sapMLIBActive.sapMLIBFocusable:focus {
-	outline-color: @sapUiContentContrastFocusColor;
-}
-
 /* Fix for IE/Edge visual appearance of buttons */
 .sapMLIB .sapMBtn:hover .sapMBtnHoverable.sapMBtnTransparent {
 	background-clip: border-box;

package/src/sap/m/themes/sap_horizon/MenuButton.less

@@ -39,4 +39,18 @@
 
 .sapMMenuBtnRegular.sapMMenuBtn .sapMBtnDisabled {
 	opacity: @sapUiContentDisabledOpacity;
+}
+
+.sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnIcon,
+.sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnContent {
+	position: relative;
+	top: 0.0625rem;
+	left: 0.0625rem;
+}
+
+.sapMIBar .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnTransparent::after,
+.sapMIBar .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnDefault::after,
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnTransparent::after,
+.sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner.sapMBtnDefault::after {
+	color: @sapUiButtonActiveTextColor;
 }

package/src/sap/m/themes/sap_horizon/MessageBox.less

@@ -4,11 +4,13 @@
 /* ================================= */
 
 // header shadow - different states
-@_sap_m_MessageBox_InformationShadow: inset 0 -0.0625rem @sapUiInformationBorder, @sapUiContentHeaderShadow;
-@_sap_m_MessageBox_WarningShadow: inset 0 -0.0625rem @sapUiWarningBorder, @sapUiContentHeaderShadow;
-@_sap_m_MessageBox_ErrorShadow: inset 0 -0.0625rem @sapUiErrorBorder, @sapUiContentHeaderShadow;
-@_sap_m_MessageBox_SuccessShadow: inset 0 -0.0625rem @sapUiSuccessBorder, @sapUiContentHeaderShadow;
-@_sap_m_MessageBox_QuestionShadow: @sapUiContentHeaderShadow;
+@_sap_m_MessageBox_HeaderShadow:  inset 0 -0.0625rem;
+@_sap_m_MessageBox_Shadow: @sapUiContentHeaderShadow;
+@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiInformationBorder, @_sap_m_MessageBox_Shadow;
+@_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow @sapUiWarningBorder, @_sap_m_MessageBox_Shadow;
+@_sap_m_MessageBox_ErrorShadow:  @_sap_m_MessageBox_HeaderShadow @sapUiErrorBorder, @_sap_m_MessageBox_Shadow;
+@_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow @sapUiSuccessBorder, @_sap_m_MessageBox_Shadow;
+@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;
 
 .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
 	color: @sapUiInformativeElement;

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

@@ -25,12 +25,9 @@
 	}
 
 	.sapMSLITitle {
-		color: @sapUiGroupTitleTextColor;
+		font-size: @sapMFontHeader6Size;
 	}
 
-	.sapMSLIDescription {
-		color: @sapUiContentLabelColor;
-	}
 
 	.sapMMsgViewDescriptionText {
 		padding-bottom:0;
@@ -42,6 +39,10 @@
 
 	.sapMMsgViewTitleText {
 		margin: 0 0 1rem 2.5rem;
+		font-family: @sapUiFontHeaderFamily;
+		font-size: @sapUiFontHeader5Size;
+		font-weight: @sapUiFontHeaderWeight;
+		color: @sapUiGroupTitleTextColor;
 	}
 
 	.sapMMsgViewDescriptionLink {

package/src/sap/m/themes/sap_horizon/MultiComboBox.less

@@ -9,35 +9,26 @@
 .sapMMultiComboBoxPicker .sapMMultiComboBoxSelectAll.sapMTB.sapMIBar.sapMMultiComboBoxSelectAllFocused,
 .sapMMultiComboBoxPicker .sapMValueStateHeaderRoot.sapMFocusable:focus {
 	outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
+	outline-offset: -0.25rem;
 }
 
-.sapMMultiComboBoxPicker.sapMSuggestionsPopoverNoneState .sapMList {
-	&:not(.sapMSticky) li[data-sap-ui-first-suggestion-item]:focus,
-	&.sapMSticky .sapMMultiComboBoxSelectAllFocused {
-		border-top-left-radius:  @sapUiElementBorderCornerRadius;
-		border-top-right-radius:  @sapUiElementBorderCornerRadius;
-	}
-}
-
-.sapMMultiComboBoxPicker .sapMValueStateHeaderRoot:focus {
-	border-top-left-radius: @sapUiElementBorderCornerRadius;
-	border-top-right-radius: @sapUiElementBorderCornerRadius;
-}
-
-.sapMMultiComboBoxPicker li[data-sap-ui-last-suggestion-item]:focus {
-	border-bottom-left-radius: @sapUiElementBorderCornerRadius;
-	border-bottom-right-radius: @sapUiElementBorderCornerRadius;
-}
-
-.sapMMultiComboBoxSelectAll.sapMTB.sapMIBar {
-	& .sapMBarChild.sapMCb.sapMCbHasLabel:focus:after {
-		border: none;
-	}
-}
 .sapMMultiComboBox .sapMTokenizer {
 	padding-top: 1px;
 }
 
 .sapUiSizeCondensed .sapUiTableDataCell .sapMMultiComboBox .sapMTokenizer {
 	padding-top: 0px;
+	.sapMToken {
+		margin-top: 0.0625rem;
+		margin-bottom: 0.0625rem;
+	}
+}
+
+.sapUiSizeCompact {
+	.sapMMultiComboBox.sapMMultiComboBoxHasToken .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
+		.sapMToken {
+			margin-top: 0.125rem;
+			margin-bottom: 0.125rem;
+		}
+	}
 }

package/src/sap/m/themes/sap_horizon/MultiInput.less

@@ -8,4 +8,17 @@
 
 .sapUiSizeCondensed .sapUiTableDataCell .sapMMultiInput .sapMTokenizer {
 	padding-top: 0px;
+	.sapMToken {
+		margin-top: 0.0625rem;
+		margin-bottom: 0.0625rem;
+	}
+}
+
+.sapUiSizeCompact {
+	.sapMMultiInput.sapMMultiInputHasTokens .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
+		.sapMToken {
+			margin-top: 0.125rem;
+			margin-bottom: 0.125rem;
+		}
+	}
 }