@openui5/themelib_sap_horizon 1.100.0 → 1.102.1

package/src/sap/m/themes/sap_horizon_hcb/Text.less

@@ -8,4 +8,8 @@
 	min-height: 2.75rem; /* for empty text */
 	padding-top: 0.6875rem;
 	padding-bottom: 0.6875rem;
+}
+
+.sapMTB-Info-CTX > .sapMText {
+	font-style: italic;
 }

package/src/sap/m/themes/sap_horizon_hcb/ToggleButton.less

@@ -28,4 +28,8 @@ html.sap-desktop .sapMTB-Transparent-CTX .sapMToggleBtnPressed.sapMBtnTransparen
 .sapMBtnDisabled .sapMToggleBtnPressed.sapMBtnInner.sapMBtnTransparent .sapMBtnIcon,
 html.sap-desktop.sapMToggleBtnPressed.sapMBtnTransparent.sapMBtnDisabled > .sapMBtnIcon{
 	color: @sapUiHcReducedAltForeground;
+}
+
+.sapUiSizeCompact .sapMBar-CTX .sapMBtnDefault.sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
+	border-color: @sapUiButtonSelectedBorderColor;
 }

package/src/sap/m/themes/sap_horizon_hcb/Token.less

@@ -6,50 +6,24 @@
 @_sap_m_Token_TokenPadding: 0.5rem;
 @_sap_m_Token_TokenCompactPadding: 0.25rem;
 @_sap_m_Token_LeftPadding: 0.3125rem;
-@_sap_m_Token_LeftPadding: 0.3125rem;
 @_sap_m_Token_TokenSize: @sapMFontSmallSize + (2 * @_sap_m_Token_TokenPadding) - @_sap_m_Token_LeftPadding;
 @_sap_m_Token_TokenCompactSize: @sapMFontSmallSize  + @_sap_m_Token_TokenCompactPadding;
 
 .sapMToken {
-	border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
-	background: @sapUiButtonTokenBackground;
-	font-size: @sapMFontMediumSize;
+	padding-left: @_sap_m_Token_LeftPadding;
 	border-radius: 0.25rem;
-	padding-left: 0.3125rem;
-	color: @sapUiBaseText;
-}
-
-.sapMTokenText {
-	max-width: calc(~"100% - " @_sap_m_Token_TokenSize);
-}
-
-.sapMTokenSelected {
-	color: @sapUiButtonSelectedTextColor;
-	background: @sapUiButtonSelectedBackground;
-	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
-}
-
-.sapMTokenSelected .sapMTokenIcon,
-.sapMTokenSelected .sapMTokenText {
-	color: @sapUiButtonSelectedTextColor;
 }
 
-html.sap-desktop .sapMToken:hover {
+html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
 	border: @sapUiButtonBorderWidth solid @sapUiButtonHoverBorderColor;
 	background: @sapUiButtonHoverBackground;
 }
 
-html.sap-desktop .sapMToken.sapMTokenSelected:hover {
+html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
 	background: @sapUiButtonSelectedHoverBackground;
-	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedHoverBorderColor;
-}
-
-.sapMTokenIcon {
-	font-size: @sapMFontSmallSize;
-	line-height: 1.5625rem;
+	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
 }
 
-
 html.sap-desktop .sapMToken {
 	&.sapMTokenReadOnly,
 	&.sapMTokenReadOnly:hover,
@@ -62,14 +36,18 @@ html.sap-desktop .sapMToken {
 }
 
 html.sap-desktop .sapMToken:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-	outline-offset: -0.1875rem;
+	outline: none;
 }
 
-html.sap-desktop .sapMToken.sapMTokenSelected:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentContrastFocusColor;
-}
-
-.sapUiSizeCompact .sapMTokenIcon {
-	line-height: 1.1875rem;
+html.sap-desktop .sapMToken:focus::after {
+	content: '';
+	position: absolute;
+	pointer-events: none;
+	z-index: 2;
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiFieldActiveBorderColor;
+	border-radius: 0.25rem;
+	top: 0.0625rem;
+	bottom: 0.0625rem;
+	left: 0.0625rem;
+	right: 0.0625rem;
 }

package/src/sap/m/themes/sap_horizon_hcb/Tokenizer.less

@@ -17,7 +17,8 @@
 .sapMTokenizer .sapMToken {
 	margin-right: 0.3125rem;
 	max-width: calc(~"100% - 0.3125rem");
-	margin-top: 0.25rem;
+	margin-top: 0.1875rem;
+	margin-bottom: 0.1875rem;
 }
 
 html.sap-desktop .sapMTokenizer:focus {
@@ -38,6 +39,14 @@ html.sap-desktop .sapMTokenizer.sapMTokenizerReadonly {
 .sapUiSizeCompact {
 	.sapMTokenizer {
 		padding-left: 0.25rem;
+		.sapMToken {
+			margin-right: 0.25rem;
+			margin-top: 0.0625rem;
+			margin-bottom: 0.0625rem;
+		}
+		.sapMTokenizerIndicator {
+			line-height: 1.375rem;
+		}
 	}
 }
 
@@ -50,6 +59,7 @@ html.sap-desktop .sapMTokenizer.sapMTokenizerReadonly {
 
 	&.sapMToken:hover,
 	&.sapMToken:focus,
+	&.sapMToken.sapMTokenSelected:hover,
 	&.sapMTokenSelected {
 		background: @sapUiButtonBackground;
 		cursor: default;
@@ -58,6 +68,10 @@ html.sap-desktop .sapMTokenizer.sapMTokenizerReadonly {
 		border-color: @sapUiHcReducedAltForeground;
 	}
 
+	&:focus:after {
+		content: none;
+	}
+
 	&.sapMTokenSelected .sapMTokenText {
 		color: @sapUiBaseText;
 	}

package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less

@@ -10,4 +10,76 @@ html.sap-desktop .sapMTBActive:focus {
 
 .sapMTB {
 	height: 2.75rem;
+	padding: 0 0.5rem;
+	background: @sapUiToolbarBackground;
+}
+
+.sapMTB-Transparent-CTX.sapMTB,
+.sapMIBar.sapMTB-Info-CTX.sapMTB {
+	padding: 0 0.5rem;
+}
+
+/* Transparent Toolbar Context */
+.sapMTB-Transparent-CTX.sapMTB {
+	background: @sapUiToolbarBackground;
+}
+
+/* Info Toolbar Context */
+.sapMTB-Info-CTX.sapMTB {
+	background: @sapUiInfobarNonInteractiveBackground;
+	color: @sapUiListTextColor;
+	height: 2rem;
+
+	> .sapUiIcon {
+		width: 1rem;
+		height: 1rem;
+		color: @sapUiListTextColor;
+	}
+
+	> .sapUiIcon:focus {
+		color: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	}
+
+	&.sapMTBActive {
+		background: @sapUiInfobarBackground;
+		color: @sapUiInfobarTextColor;
+
+		&:active {
+			background: @sapUiInfobarActiveBackground;
+		}
+
+		&:hover {
+			background: @sapUiInfobarHoverBackground;
+		}
+
+		.sapMText,
+		.sapMLabel,
+		> .sapMTitle {
+			color: inherit;
+		}
+	}
+}
+
+html.sap-desktop .sapMTB-Info-CTX.sapMTBActive:focus {
+	outline-color: @sapUiContentContrastFocusColor;
+}
+
+.sapMTB.sapMTBStandard {
+	border-bottom: solid 0.0625rem @sapUiGroupTitleBorderColor;
+}
+
+// =====================================
+// solid toolbar context
+// =====================================
+.sapMTB-Solid-CTX.sapMTB {
+	background-color: @sapUiToolbarBackground;
+}
+
+html.sap-desktop .sapMTBActive:focus {
+	outline: none;
+	box-shadow: inset 0px 0px 0px @sapUiContentFocusWidth  @sapUiContentFocusColor;
+}
+
+.sapMTB .sapMTBSeparator {
+	background: @sapUiToolbarSeparatorColor;
 }

package/src/sap/m/themes/sap_horizon_hcb/ValueStateHeader.less

@@ -5,4 +5,62 @@
 
 .sapMPseudoFocus {
 	outline-offset: -0.1875rem;
+}
+
+.sapMValueStateHeaderRoot {
+	padding: 0.5rem 0.5rem 0.5rem 1.875rem;
+	line-height: 1rem;
+	border-bottom: 2px solid @sapUiFieldBorderColor;
+}
+
+.sapMValueStateHeaderSuccess:before {
+	font-family: SAP-icons;
+	content: "\e1c1";
+	position: absolute;
+	top: 0.5rem;
+	left: 0rem;
+	vertical-align: middle;
+	font-size: 1rem;
+	color: @sapPositiveElementColor;
+	padding-left: 0.5rem;
+	padding-right: 0.375rem;
+}
+
+.sapMValueStateHeaderError:before {
+	font-family: SAP-icons;
+	content: "\e1ec";
+	position: absolute;
+	top: 0.5rem;
+	left: 0rem;
+	vertical-align: middle;
+	font-size: 1rem;
+	color: @sapNegativeElementColor;
+	padding-left: 0.5rem;
+	padding-right: 0.375rem;
+}
+
+.sapMValueStateHeaderWarning:before {
+	font-family: SAP-icons;
+	content: "\e053";
+	position: absolute;
+	top: 0.5rem;
+	left: 0rem;
+	vertical-align: middle;
+	font-size: 1rem;
+	color: @sapCriticalElementColor;
+	padding-left: 0.5rem;
+	padding-right: 0.375rem;
+}
+
+.sapMValueStateHeaderInformation:before {
+	font-family: SAP-icons;
+	content: "\e289";
+	position: absolute;
+	top: 0.5rem;
+	left: 0rem;
+	vertical-align: middle;
+	font-size: 1rem;
+	color: @sapInformativeElementColor;
+	padding-left: 0.5rem;
+	padding-right: 0.375rem;
 }

package/src/sap/m/themes/sap_horizon_hcb/ValueStateMessage.less

@@ -6,19 +6,50 @@
 .sapMValueStateMessageError,
 .sapMValueStateMessageWarning,
 .sapMValueStateMessageInformation {
-	background: @sapUiFieldBackground;
-	border: 2px solid @sapUiFieldBorderColor;
+	border: @sapUiFieldBorderWidth solid @sapUiFieldBorderColor;
 	color: @sapUiBaseText;
 }
 
-.sapMValueStateMessageTop {
-	border-top-left-radius: 0.25rem;
-	border-top-right-radius: 0.25rem;
-	margin-bottom: -0.125rem;
+.sapMValueStateMessage {
+	line-height: 1rem;
+	padding: 0.5rem 0.5rem 0.5rem 1.875rem;
 }
 
-.sapMValueStateMessageBottom {
-	border-bottom-left-radius: 0.25rem;
-	border-bottom-right-radius: 0.25rem;
-	margin-top: -0.125rem;
+.sapMValueStateMessageError:before {
+	font-family: SAP-icons;
+	content: "\e1ec";
+	position: absolute;
+	top: 0.5rem;
+	left: 0rem;
+	vertical-align: middle;
+	font-size: 1rem;
+	color: @sapNegativeElementColor;
+	padding-left: 0.5rem;
+	padding-right: 0.375rem;
+}
+
+.sapMValueStateMessageWarning:before {
+	font-family: SAP-icons;
+	content: "\e053s";
+	position: absolute;
+	top: 0.5rem;
+	left: 0rem;
+	vertical-align: middle;
+	font-size: 1rem;
+	color: @sapCriticalElementColor;
+	padding-left: 0.5rem;
+	padding-right: 0.375rem;
+}
+
+.sapMValueStateMessageInformation:before {
+	font-family: SAP-icons;
+	content: "\e289";
+	position: absolute;
+	top: 0.5rem;
+	left: 0rem;
+	vertical-align: middle;
+	font-size: 1rem;
+	color: @sapInformativeElementColor;
+	padding-left: 0.5rem;
+	padding-right: 0.375rem;
 }

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

@@ -29,8 +29,16 @@
 	overflow: hidden;
 }
 
+.sapMWizard .sapMWizardStep {
+	padding-bottom: 1rem;
+}
+
+.sapMWizard:not(.sapMWizardModePage) .sapMWizardLastActivatedStep {
+	min-height: calc(100% - 3rem);
+}
+
 html.sap-phone .sapMWizard .sapMWizardNextButtonVisible {
-	left: 1rem;
+	left: 2rem;
 	bottom: 3.5rem;
 	-webkit-transform: none;
 	transform: none;

package/src/sap/m/themes/sap_horizon_hcb/WizardProgressNavigator.less

@@ -9,6 +9,7 @@
 .sapMWizardProgressNav {
 	position: absolute;
 	z-index: 1;
+	box-shadow: @sapUiContentHeaderShadow;
 }
 
 .sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepCircle {
@@ -21,9 +22,9 @@
 	color: @sapUiContentContrastIconColor;
 }
 
-.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"]:hover .sapMWizardProgressNavStepTitle,
+.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepTitle,
 .sapMWizardProgressNavStep:hover .sapMWizardProgressNavStepTitle {
-	color: @sapUiContentLabelColor;
+	color: @sapTextColor;
 }
 
 .sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] .sapMWizardProgressNavStepCircle::after {
@@ -56,15 +57,11 @@
 }
 
 .sapMWizardProgressNavStepTitle {
-	color: @sapUiContentLabelColor;
-}
-
-.sapMWizardProgressNavStepTitle:hover {
-	color: @sapUiContentLabelColor;
+	color: @sapTextColor;
 }
 
 .sapMWizardProgressNavStep::after {
-	border-bottom-color: @sapUiListSelectionBorderColor;
+	border-bottom-color: @sapUiContentSelectedForegroundColor;
 }
 
 .sapMWizard .sapMWizardStepContainer {
@@ -84,6 +81,10 @@
 		color: @sapUiBaseText;
 	}
 
+	& ~ .sapMWizardProgressNavStep .sapMWizardProgressNavStepTitle {
+		color: @sapUiContentLabelColor;
+	}
+
 	/* all separators after (and including) the active step have inactive style */
 	&::after,
 	& ~ .sapMWizardProgressNavStep::after {

package/src/sap/m/themes/sap_horizon_hcb/WizardStep.less

@@ -0,0 +1,6 @@
+.sapMWizardStep {
+	background-color: @sapUiGroupContentBackground;
+	border-radius: @sapUiElementBorderCornerRadius;
+	padding: 1rem;
+	margin-bottom: 1rem;
+}

package/src/sap/m/themes/sap_horizon_hcb/library.source.less

@@ -14,7 +14,6 @@
 @import "ActionSheet.less";
 @import "Avatar.less";
 @import "Bar.less";
-@import "BrowserScrollbar.less";
 @import "Breadcrumbs.less";
 @import "BusyDialog.less";
 @import "BusyIndicator.less";
@@ -26,6 +25,7 @@
 @import "CustomTile.less";
 @import "DateTimePicker.less";
 @import "Dialog.less";
+@import "DynamicDateRange.less";
 @import "FeedContent.less";
 @import "FeedInput.less";
 @import "FeedListItem.less";
@@ -43,6 +43,7 @@
 @import "ComboBoxBase.less";
 @import "ComboBox.less";
 
+@import "Label.less";
 @import "LightBox.less";
 @import "Link.less";
 @import "ListBase.less";
@@ -56,7 +57,6 @@
 @import "MessageStrip.less";
 @import "MultiComboBox.less";
 @import "NewsContent.less";
-@import "NotificationListBase.less";
 @import "NotificationListGroup.less";
 @import "NumericContent.less";
 @import "ObjectAttribute.less";
@@ -91,8 +91,8 @@
 @import "SlideTile.less";
 @import "SplitButton.less";
 @import "SplitContainer.less";
+@import "StandardListItem.less";
 @import "StepInput.less";
-@import "SuggestionsPopover.less";
 @import "Switch.less";
 @import "TabContainer.less";
 @import "Table.less";
@@ -115,4 +115,5 @@
 @import "ViewSettingsDialog.less";
 @import "WheelSlider.less";
 @import "Wizard.less";
-@import "WizardProgressNavigator.less";
+@import "WizardProgressNavigator.less";
+@import "WizardStep.less";

package/src/sap/m/themes/sap_horizon_hcw/ActionSheet.less

@@ -3,7 +3,42 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
+.sapMActionSheetPopover.sapMPopover {
+	box-shadow: @sapUiContentShadow2;
+}
+
 .sapMActionSheetDialog .sapMBar.sapMHeader-CTX > .sapMBarMiddle > .sapMBarPH > .sapMDialogTitle {
-	color: @sapUiContentContrastTextColor;
-	background: transparent;
+	color: @sapUiPageHeaderTextColor;
+	font-size: @sapMFontHeader5Size;
+	font-weight: bold;
+}
+
+.sapMDialog.sapMActionSheetDialog {
+	background-color: @sapUiPageHeaderBackground;
+	border-top-left-radius: @sapUiElementBorderCornerRadius;
+	border-top-right-radius: @sapUiElementBorderCornerRadius;
+	box-shadow: @sapUiContentShadow3;
+
+	&.sapMDialogPhone .sapMIBar.sapMHeader-CTX {
+		box-shadow: @sapUiContentHeaderShadow;
+		background-color: @sapUiPageHeaderBackground;
+		border-top-left-radius: @sapUiElementBorderCornerRadius;
+		border-top-right-radius: @sapUiElementBorderCornerRadius;
+	}
+
+	&.sapUiPopupWithPadding:not(.sapUiNoContentPadding) .sapMDialogScrollCont {
+		padding: 0;
+	}
+
+	& > .sapMDialogSection {
+		box-shadow: none;
+	}
+
+	&:not(.sapUiResponsiveContentPadding):not(.sapUiContentPadding).sapMDialog-NoFooter .sapMDialogScroll {
+		padding-bottom: 0;
+	}
+}
+
+.sapMActionSheetDialogWithTitle .sapMBarMiddle .sapMBarPH {
+	padding: 0 1rem;
 }

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

@@ -3,71 +3,65 @@
 /* Horizon High Contrast White theme  */
 /* ================================== */
 
+@_sap_m_Avatar_Font_Size_XL: 3rem;
+@_sap_m_Avatar_Font_Size_L: 2.25rem;
+@_sap_m_Avatar_Font_Size_M: 1.5rem;
+@_sap_m_Avatar_Font_Size_S: 1.125rem;
+@_sap_m_Avatar_Font_Size_XS: 1rem;
+
 .sapFAvatarImageContain,
 .sapFAvatarIcon,
 .sapFAvatarInitials {
 	border: 0.0625rem solid @sapUiFieldBorderColor;
 }
 
-.sapFAvatarIcon,
-.sapFAvatarInitialsHolder {
-	color: @sapUiContentForegroundColor;
-}
+.sapFAvatarSquare {
+	border-radius: @sapUiElementBorderCornerRadius;
 
-.sapFAvatarIcon,
-.sapFAvatarInitialsHolder {
-	color: @sapUiBaseText;
-}
-
-.sapFAvatarFocusable:focus {
-	outline-width: 0.125rem;
-}
-
-.sapFAvatarColorTransparent,
-.sapFAvatarColorTileIcon,
-.sapFAvatarColorPlaceholder {
-	background-color: @sapUiBaseBG;
-}
-
-.sapFAvatarXL{
-	font-size: 3rem;
+	.sapFAvatarImageHolder {
+		border-radius: @sapUiElementBorderCornerRadius;
+	}
 }
 
-.sapFAvatarL {
-	font-size: 2.25rem;
+.sapFAvatar.sapFAvatarInitials > .sapFAvatarInitialsHolder {
+	font-size: inherit;
 }
 
-.sapFAvatarM {
-	font-size: 1.5rem;
+.sapFAvatarFocusable:focus {
+	outline: none;
+	box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
 }
 
-.sapFAvatarS {
-	font-size: 1.125rem;
-}
+.sapFAvatarColorTileIcon {
+	background-color: @sapUiTileBackground;
+	color: @sapUiTileIconColor;
 
-.sapFAvatarXS {
-	font-size: 1rem;
+	.sapFAvatarInitialsHolder {
+		color: currentColor;
+	}
 }
 
-.sapFAvatar.sapFAvatarInitials > .sapFAvatarInitialsHolder {
-	font-size: inherit;
+.sapFAvatarColorPlaceholder {
+	background-color: @sapUiContentImagePlaceholderBackground;
+	color: @sapUiContentImagePlaceholderForegroundColor;;
+	.sapFAvatarInitialsHolder {
+		color: currentColor;
+	}
 }
 
-// Create classes which would just set background color of Avatar
 .generateColor (@accentIndex) {
 	@css-selector: ~"sapFAvatarColorAccent@{accentIndex}"; // Create the css selector string
+	@background-param: ~"sapUiAvatar@{accentIndex}Background"; // Build the color param which is a sapUiAccent
+	@color-param: ~"sapUiAvatar@{accentIndex}TextColor";
 
 	// Build the real CSS selector.
+	// The output would be something like this: .sapFAvatar.sapFAvatarColorAccent6 {background-color: #0092d1;}
 	.@{css-selector} {
-		background-color: @sapUiBaseBG;
+		background-color: @@background-param;
 	}
-}
-
-.sapFAvatarBadgeIcon {
 
-	background-color: @sapUiBaseBG;
-	border: 0.0625rem solid @sapUiFieldBorderColor;
-	> .sapUiIcon {
-		color: @sapUiBaseText;
+	.@{css-selector}.sapFAvatarIcon,
+	.@{css-selector} .sapFAvatarInitialsHolder {
+		color: contrast(@@background-param, @@color-param, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 	}
 }

package/src/sap/m/themes/sap_horizon_hcw/Bar.less

@@ -4,18 +4,22 @@
 /* ================================== */
 
 .sapMBar {
-	background-color: transparent;
 	text-shadow: none;
 }
 
-.sapMBarRight,
-.sapMBarPH {
-	padding-right: 0.5rem;
+.sapMBarLeft{
+	padding-left: 1rem;
+	padding-right: 0.25rem;
+}
+
+.sapMBarRight {
+	padding-left: 0.25rem;
+	padding-right: 1rem;
 }
 
-.sapMBarLeft,
 .sapMBarPH {
-	padding-left: 0.5rem;
+	padding-right: 0.25rem;
+	padding-left: 0.25rem;
 }
 
 .sapMBar .sapMBarRight.sapMBarContainer > *:first-child,
@@ -33,7 +37,7 @@
 .sapMBar .sapMBarRight.sapMBarContainer > *:not(:first-child):not(:last-child),
 .sapMBar .sapMBarLeft.sapMBarContainer > *:not(:first-child):not(:last-child),
 .sapMBar .sapMBarMiddle .sapMBarContainer > *:not(:first-child):not(:last-child){
-	margin: 0 0.25rem;
+	margin: 0 0.5rem;
 }
 
 .sapMBar .sapMBarRight.sapMBarContainer > *:first-child:last-child,
@@ -75,4 +79,8 @@
 
 html[data-sap-ui-browser^="ff"].sap-desktop .sapMBarTitleAlignAuto .sapMBarPH {
 	justify-content: start;
+}
+
+.sapMIBar-CTX.sapMFooter-CTX {
+	border-top: 0.0625rem solid @sapUiPageFooterBorderColor;
 }

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

@@ -194,10 +194,6 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnActive.sapMBtnEmphasized.sapMFocusable
 /* (add separators, remove top/bottom border)       */
 /* ------------------------------------------------ */
 
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
-	border-color:     transparent;
-}
-
 .sapUiSizeCompact .sapMBar-CTX .sapMBtnInner.sapMBtnGhost:not(.sapMBtnDisabled) {
 	background: @sapUiButtonLiteBackground;
 	border: 0.0625rem solid @sapUiButtonBorderColor;
@@ -251,5 +247,13 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
 /* ----------------------*/
 
 .sapMBtn .sapMBadge .sapMBadgeIndicator:after {
-	border-color: @sapUiGroupContentBorderColor;
+	background-color: @sapContent_BadgeBackground;
+	border-color: @sapGroup_ContentBorderColor;
+	color: @sapContent_BadgeTextColor;
+	font-size: @sapFontSmallSize;
+	text-align: center;
+}
+
+.sapUiSizeCompact .sapMBar-CTX .sapMBtnDefault.sapMBtnInner:not(.sapMBtnDisabled) {
+	border-color: @sapUiButtonSelectedBorderColor;
 }