@openui5/themelib_sap_belize 1.124.2 → 1.126.0

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

@@ -0,0 +1,343 @@
+/* =================================== */
+/* CSS for control sap.m/ListItemBase  */
+/* Base theme                          */
+/* =================================== */
+
+@_sap_m_ListItemBase_DeleteIcon: sys-cancel;
+@_sap_m_ListItemBase_ButtonMarginTop: auto;
+@_sap_m_ListItemBase_Highlight_InformationColor: @sapUiInformationBorder;
+@_sap_m_ListItemBase_Navigated: @sapUiListSelectionBorderColor;
+@_sap_m_ListItemBase_Detail_Delete_MarginLeft: 0.125rem;
+@_sap_m_ListItemBase_Focus_Outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+@_sap_m_ListItemBase_Focus_OffsetWithGap: calc(-@sapUiContentFocusWidth ~"- 0.0625rem");
+
+.sapMLIB,
+.sapMLIBImgNav {
+	box-sizing: border-box;
+}
+
+.sapMLIB {
+	display: -webkit-box;
+	display: flex;
+	-webkit-box-align: center;
+	align-items: center;
+	position: relative;
+	background: @sapUiListBackground;
+	border-bottom: 1px solid @sapUiListBorderColor;
+	padding: 0 1rem 0 1rem;
+}
+
+.sapMLIBIconDet,
+.sapMLIBIconDel {
+	margin-left: @_sap_m_ListItemBase_Detail_Delete_MarginLeft;
+}
+
+.sapMLIBContent {
+	-webkit-box-flex: 1;
+	flex: 1 1 auto;
+	max-width: 100%;
+	overflow: hidden;
+}
+
+.sapMLIBFocusable:focus,
+.sapMTblCellFocusable:focus {
+	outline: @_sap_m_ListItemBase_Focus_Outline;
+	outline-offset: @_sap_m_ListItemBase_Focus_OffsetWithGap;
+}
+
+/* makes the focus outline visible when hightlight is used */
+.sapMLIBFocusable:focus .sapMLIBHighlight,
+.sapMLIBFocusable:focus + .sapMListTblSubRow .sapMLIBHighlight {
+	width: 0.25rem;
+	left: 2px;
+	bottom: 2px;
+	top: 2px;
+}
+
+.sapMListTblRow:not(.sapMLIBFocusable):focus,
+.sapMLIB:not(.sapMLIBFocusable):focus,
+.sapMListTblSubRow:focus {
+	outline: none;
+}
+
+.sapMLIBActionable,
+.sapMLIBActionable > .sapMLIBImgNav,
+.sapMListTblNavCol > .sapMLIBImgNav,
+.sapMLIBActionable .sapMSLIThumbnail,
+.sapMLIBActionable .sapMSLIImgIcon {
+	cursor: pointer;
+}
+
+.sapMLIBImgNav,
+.sapMLIBImgDet,
+.sapMLIBImgDel,
+.sapMLIBIconDet,
+.sapMLIBSelectS,
+.sapMLIBSelectM,
+.sapMLIBSelectD,
+.sapMLIBCounter {
+	-webkit-box-flex: 0;
+	flex: none;
+}
+
+.sapMLIBHighlight {
+	position: absolute;
+	width: 0.375rem;
+	bottom: 0;
+	left: 0;
+	top: 0;
+	border-right: 0.0625rem solid @sapUiListBackground;
+	box-sizing: border-box;
+}
+
+.sapMLIBHighlight + .sapMLIBContent,
+.sapMListHighlight .sapMLIBContent:first-child {
+	margin-left: 0.375rem;
+}
+
+.sapMLIBSelectS,
+.sapMLIBSelectM {
+	margin-right: 0.75rem;
+}
+
+.sapMLIBHighlight + .sapMLIBSelectS,
+.sapMLIBHighlight + .sapMLIBSelectM,
+.sapMListHighlight > .sapMLIB > .sapMLIBSelectS:first-child,
+.sapMListHighlight > .sapMLIB > .sapMLIBSelectM:first-child {
+	margin-left: -0.625rem;
+}
+
+.sapMLIB > .sapMLIBSelectS:first-child,
+.sapMLIB > .sapMLIBSelectM:first-child {
+	margin-left: -0.8125rem;
+}
+
+.sapMLIBHighlightInformation {
+	background: @_sap_m_ListItemBase_Highlight_InformationColor;
+}
+.sapMLIBHighlightSuccess {
+	background: @sapUiSuccessBorder;
+}
+.sapMLIBHighlightWarning {
+	background: @sapUiWarningBorder;
+}
+.sapMLIBHighlightError {
+	background: @sapUiErrorBorder;
+}
+
+.sapMLIBHighlightIndication01 {
+	background: @sapUiIndication1;
+}
+.sapMLIBHighlightIndication02 {
+	background: @sapUiIndication2;
+}
+.sapMLIBHighlightIndication03 {
+	background: @sapUiIndication3;
+}
+.sapMLIBHighlightIndication04 {
+	background: @sapUiIndication4;
+}
+.sapMLIBHighlightIndication05 {
+	background: @sapUiIndication5;
+}
+.sapMLIBHighlightIndication06 {
+	background: @sapUiIndication6;
+}
+.sapMLIBHighlightIndication07 {
+	background: @sapUiIndication7;
+}
+.sapMLIBHighlightIndication08 {
+	background: @sapUiIndication8;
+}
+
+:not(.sapMListModeDelete) > .sapMLIB.sapMLIBTypeNavigation {
+	padding-right: 0;
+}
+
+.sapMListShowSeparatorsNone .sapMLIBShowSeparator {
+	border-bottom: 1px solid transparent;
+}
+
+.sapMListShowSeparatorsInner .sapMLIBShowSeparator:last-child {
+	border-bottom-color: transparent;
+}
+
+.sapMLIB.sapMListTblSupRow {
+	border-bottom: 0;
+}
+
+.sapMLIBSelectAnimation {
+	-webkit-animation-duration: 0.25s;
+	-webkit-animation-timing-function: ease-in;
+	-webkit-animation-name: resize;
+	animation-duration: 0.25s;
+	animation-timing-function: ease-in;
+	animation-name: resize;
+}
+
+@-webkit-keyframes resize {
+	0% {
+		width: 0;
+		opacity: 0;
+	}
+	100% {
+		width: 2.5rem;
+		opacity: 1;
+	}
+}
+
+@keyframes resize {
+	0% {
+		width: 0;
+		opacity: 0;
+	}
+	100% {
+		width: 2.5rem;
+		opacity: 1;
+	}
+}
+
+.sapUiSizeCompact .sapMLIBSelectAnimation {
+	-webkit-animation-duration: 0.25s;
+	-webkit-animation-timing-function: ease-in;
+	-webkit-animation-name: resizeCompact;
+	animation-duration: 0.25s;
+	animation-timing-function: ease-in;
+	animation-name: resizeCompact;
+}
+
+@-webkit-keyframes resizeCompact {
+	0% {
+		width: 0;
+		opacity: 0;
+	}
+	100% {
+		width: 2rem;
+		opacity: 1;
+	}
+}
+
+@keyframes resizeCompact {
+	0% {
+		width: 0;
+		opacity: 0;
+	}
+	100% {
+		width: 2rem;
+		opacity: 1;
+	}
+}
+
+.sapMLIBUnselectAnimation {
+	-webkit-animation-duration: 0.25s;
+	-webkit-animation-timing-function: ease-in;
+	-webkit-animation-name: close;
+	animation-duration: 0.25s;
+	animation-timing-function: ease-in;
+	animation-name: close;
+}
+
+@-webkit-keyframes close {
+	0% {
+		width: 3rem;
+	}
+	100% {
+		width: 0;
+	}
+}
+
+@keyframes close {
+	0% {
+		width: 3rem;
+	}
+	100% {
+		width: 0;
+	}
+}
+
+.sapMLIBUnread,
+.sapMLIBUnread > .sapMListTblCell,
+.sapMLIBUnread + .sapMListTblSubRow {
+	font-family: @sapUiFontFamily;
+	font-weight: bold;
+}
+
+.sapMLIBCounter {
+	font-size: 0.875rem;
+	color: @sapUiContentMarkerTextColor;
+	padding-left: 1rem;
+}
+
+.sapMLIBImgNav {
+	width: @sapUiElementLineHeight;
+	font-size: 0.75rem;
+	color: @sapUiContentLabelColor;
+}
+
+.sapMLIBActive .sapMLIBImgNav,
+.sapMLIBActive .sapMLIBIconDet .sapMBtnIcon,
+.sapMLIBActive .sapMLIBIconDel .sapMBtnIcon {
+	color: @sapUiListActiveTextColor;
+}
+
+
+.sapMListBGTransparent .sapMLIB {
+	background: fade(@sapUiListBackground, 0);
+}
+
+.sapMLIBHoverable:hover {
+	background : @sapUiListHoverBackground;
+}
+
+.sapMLIB.sapMLIBSelected {
+	background: @sapUiListSelectionBackgroundColor;
+}
+
+.sapMLIB.sapMLIBActive {
+	color: @sapUiListActiveTextColor;
+	background: @sapUiListActiveBackground;
+}
+
+.sapMLIBHoverable.sapMLIBSelected:hover {
+	background : @sapUiListSelectionHoverBackground;
+}
+
+.sapMLIBHoverable.sapMLIBSelected.sapMLIBActive:hover {
+	background: @sapUiListActiveBackground;
+}
+
+.sapMLIBActive div,
+.sapMLIBActive .sapMLIBCounter {
+	color: @sapUiListActiveTextColor;
+}
+
+.sapMLIBNavigated {
+	width: 0.1875rem;
+	position: absolute;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	background-color: @_sap_m_ListItemBase_Navigated;
+}
+
+// to make the focus outline visible when navigated=true
+.sapMLIBFocusable:focus .sapMLIBNavigated,
+.sapMLIBFocusable:focus + .sapMListTblSubRow .sapMLIBNavigated {
+	width: 0.125rem;
+	right: 2px;
+	bottom: 2px;
+	top: 2px;
+}
+
+/* Compact size */
+.sapUiSizeCompact .sapMLIB > .sapMLIBSelectS:first-child,
+.sapUiSizeCompact .sapMLIB > .sapMLIBSelectM:first-child {
+	margin-left: -0.5rem;
+}
+
+// Correct alignment of the selection control according to the specs.
+// 1rem padding-left (.sapMLIB) - 0.5rem margin-left (.sapMLIBSelectM) + 3rem width (.sapMLIBSelectM) - 0.5rem margin-left (.sapMLIBSelectM + .sapMLIBContent) = 3rem
+.sapUiSizeCompact .sapMLIB > .sapMLIBSelectM + .sapMLIBContent,
+.sapUiSizeCompact .sapMLIB > .sapMLIBSelectS + .sapMLIBContent {
+	margin-left: -0.5rem;
+}

package/src/sap/m/themes/sap_belize_base/Menu.less

@@ -0,0 +1,19 @@
+/* =========================== */
+/* CSS for control sap.m/Menu  */
+/* Base theme                  */
+/* =========================== */
+
+.sapMRespMenuDialog .sapMLIB {
+	border-bottom: none;
+}
+
+/* compact */
+.sapUiSizeCompact .sapMMenu.sapUiMnu {
+	min-width: 50px;
+}
+
+.sapUiSizeCompact .sapMMenu .sapUiMnuItmIco > .sapUiIcon {
+	font-size: 1rem;
+}
+
+/* end compact */

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

@@ -0,0 +1,192 @@
+/* ================================= */
+/* CSS for control sap.m/MenuButton  */
+/* Base theme                        */
+/* ================================= */
+
+.sapMMenuBtn {
+	display: inline-block;
+	width: auto;
+	max-width: 100%;
+}
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner {
+	text-align: left;
+	padding-right: 2rem;
+	position: relative;
+	padding-left: 0.625rem;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
+	padding-right: 1.4375rem;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
+	position: absolute;
+	top: 0;
+	right: 0;
+	pointer-events: none;
+	font-family: 'SAP-icons';
+	content: '\e1ef';
+	display: inline-block;
+	font-size: 0.75rem;
+	height: 2.125rem;
+	line-height: 2.125rem;
+	padding-right: 0.75rem;
+	padding-left: 0.5625rem;
+	color: @sapUiButtonIconColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner::after {
+	color: @sapUiButtonHoverTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
+	background-image: none;
+	text-shadow: none;
+	background-color: @sapUiButtonActiveBackground;
+	border-color:     @sapUiButtonActiveBorderColor;
+}
+
+.sapUiSizeCompact {
+	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner {
+		padding-right: 1.625rem;
+		padding-left: 0.5rem;
+	}
+
+	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
+		padding-right: 1.25rem;
+	}
+
+	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
+		height: 1.5rem;
+		line-height: 1.5rem;
+		padding-right: 0.5rem;
+		padding-left: 0.375rem;
+	}
+}
+
+//type Emphasized
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnEmphasized::after {
+	color: @sapUiButtonEmphasizedTextColor;
+	text-shadow: @sapUiButtonEmphasizedTextShadow;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner.sapMBtnEmphasized::after {
+	color: @sapUiButtonEmphasizedHoverTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnEmphasized.sapMBtnActive::after {
+	text-shadow: none;
+}
+
+//type Accept
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnAccept::after {
+	color: @sapUiButtonAcceptTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner.sapMBtnAccept::after {
+	color: @sapUiButtonAcceptHoverTextColor;
+}
+
+//type Attention
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnAttention::after {
+	color: @sapUiButtonAttentionTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner.sapMBtnAttention::after {
+	color: @sapUiButtonAttentionHoverTextColor;
+}
+
+//type Reject
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnReject::after {
+	color: @sapUiButtonRejectTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner.sapMBtnReject::after {
+	color: @sapUiButtonRejectHoverTextColor;
+}
+
+//type Default, Transparent(header)
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnActive::after {
+	color: @sapUiButtonActiveTextColor;
+}
+
+//Transparent(footer)
+.sapMIBar-CTX.sapMFooter-CTX .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
+	text-shadow: @sapUiButtonEmphasizedTextShadow;
+}
+
+.sapMFooter-CTX .sapMMenuBtn .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
+	text-shadow: none;
+}
+
+.sapMIBar-CTX.sapMFooter-CTX .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnActive::after {
+	text-shadow: none;
+}
+
+.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnReject {
+	background-color: @sapUiButtonRejectActiveBackground;
+	border-color:     @sapUiButtonRejectActiveBorderColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAccept {
+	background-color: @sapUiButtonAcceptActiveBackground;
+	border-color:     @sapUiButtonAcceptActiveBorderColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAttention {
+	background-color: @sapUiButtonAttentionActiveBackground;
+	border-color: @sapUiButtonAttentionActiveBorderColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnEmphasized {
+	background-color: @sapUiButtonEmphasizedActiveBackground;
+	border-color:     @sapUiButtonEmphasizedActiveBorderColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner .sapMBtnIcon {
+	color: @sapUiButtonActiveTextColor;
+}
+
+.sapMMenuBtn .sapMBtn .sapMBtnInner {
+	display: flex;
+}
+
+.sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner.sapMBtnIconFirst .sapMBtnIcon {
+	padding-right: 0.375rem;
+}
+
+.sapMMenuBtn .sapMBtn .sapMBtnInner.sapMBtnText:not(.sapMBtnIconFirst) .sapMBtnContent{
+	width: 100%;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnCritical::after {
+	color: @sapUiButtonCriticalTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner.sapMBtnCritical::after {
+	color: @sapUiButtonCriticalHoverTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnNegative::after {
+	color: @sapUiButtonNegativeTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner.sapMBtnNegative::after {
+	color: @sapUiButtonNegativeHoverTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnSuccess::after {
+	color: @sapUiButtonSuccessTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner.sapMBtnSuccess::after {
+	color: @sapUiButtonSuccessHoverTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnNeutral::after {
+	color: @sapUiButtonNeutralTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner.sapMBtnNeutral::after {
+	color: @sapUiButtonNeutralHoverTextColor;
+}

package/src/sap/m/themes/sap_belize_base/MenuListItem.less

@@ -0,0 +1,93 @@
+/* =================================== */
+/* CSS for control sap.m/MenuListItem  */
+/* Base theme                          */
+/* =================================== */
+
+/* phone */
+
+.sapMRespMenuDialog .sapMLIB {
+	position: relative;
+	padding: 0 0.875rem;
+}
+
+.sapMRespMenuDialog .sapMSLITitleOnly {
+	font-style: normal;
+	font-weight: normal;
+	font-size: @sapMFontMediumSize;
+}
+
+.sapMMenuLIHasChildren .sapMSLITitleDiv {
+	text-overflow: ellipsis;
+}
+
+.sapMMenuLIImgThumbWrapper {
+	font-size: 1.375rem;
+	min-width: 1rem;
+	max-width: 1rem;
+	padding-inline-end: 0.875rem;
+	text-align: center;
+}
+
+.sapMMenuLIImgThumbIcon {
+	font-size: 1.375rem;
+}
+
+.sapMMenuLIArrowRightIcon {
+	font-size: .75rem;
+	width: 1.875remrem;
+	height: 3rem;
+	line-height: 3rem;
+}
+
+.sapMRespMenuDialog .sapUiMnuDiv {
+	height: 1px;
+}
+
+.sapMRespMenuDialog .sapUiMnuDiv > hr {
+	height: 0;
+	margin: 0;
+	left: 1rem;
+	right: 1rem;
+}
+
+.sapMMLIDisabled .sapMSLITitle,
+.sapMMLIDisabled .sapMSLITitleOnly {
+	color: @sapUiContentDisabledTextColor;
+}
+
+html.sap-phone .sapMMLIDisabled .sapMMenuLIImgThumbIcon,
+html.sap-tablet .sapMMLIDisabled .sapMMenuLIImgThumbIcon {
+	color: @sapUiContentDisabledTextColor;
+}
+
+/* end phone */
+
+/* desktop and tablet */
+
+.sapMMenu .sapUiMnuDiv > hr {
+	height: 0;
+	margin: 0;
+}
+
+// really strong selector in the sapUiMnu demands this
+.sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
+	text-overflow: ellipsis;
+	max-width: 100%;
+	max-width: -moz-available;          /* WebKit-based browsers will ignore this. */
+	max-width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
+	max-width: fill-available;
+}
+
+/* end cozy */
+
+/* compact */
+
+.sapUiSizeCompact .sapMMenuLIArrowRightIcon {
+	width: 2rem;
+	height: 2rem;
+	line-height: 2rem;
+}
+
+/* end compact */
+
+/* end desktop and tablet */

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

@@ -0,0 +1,60 @@
+/* ================================= */
+/* CSS for control sap.m/MessageBox  */
+/* Base theme                        */
+/* ================================= */
+
+// header shadow - different states
+@_sap_m_MessageBox_HeaderShadow: inset 0 -0.125rem;
+@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiInformationBorder;
+@_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow @sapUiWarningBorder;
+@_sap_m_MessageBox_ErrorShadow: @_sap_m_MessageBox_HeaderShadow @sapUiErrorBorder;
+@_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow @sapUiSuccessBorder;
+@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiContentHeaderShadow;
+
+.sapMMessageBoxLinkText {
+	vertical-align: bottom;
+}
+
+.sapMMessageBoxLinkText,
+.sapMMessageBoxErrorText,
+.sapMMessageBoxDetails {
+	margin-top: 1rem;
+}
+
+.sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
+	color: @sapUiNeutralElement;
+}
+
+.sapMDialog.sapMMessageBoxWarning .sapMDialogIcon.sapUiIcon {
+	color: @sapUiCriticalElement;
+}
+
+.sapMDialog.sapMMessageBoxError .sapMDialogIcon.sapUiIcon {
+	color: @sapUiNegativeElement;
+}
+
+.sapMDialog.sapMMessageBoxSuccess .sapMDialogIcon.sapUiIcon {
+	color: @sapUiPositiveElement;
+}
+
+.sapMDialog.sapMMessageBoxQuestion .sapMDialogIcon.sapUiIcon {
+	color: @sapUiNeutralElement;
+}
+
+.sapMDialog.sapMMessageDialog {
+	&.sapMMessageBoxInfo .sapMDialogTitleGroup > .sapMBar {
+		box-shadow: @_sap_m_MessageBox_InformationShadow;
+	}
+	&.sapMMessageBoxWarning .sapMDialogTitleGroup > .sapMBar {
+		box-shadow: @_sap_m_MessageBox_WarningShadow;
+	}
+	&.sapMMessageBoxError .sapMDialogTitleGroup > .sapMBar {
+		box-shadow: @_sap_m_MessageBox_ErrorShadow;
+	}
+	&.sapMMessageBoxSuccess .sapMDialogTitleGroup > .sapMBar {
+		box-shadow: @_sap_m_MessageBox_SuccessShadow;
+	}
+	&.sapMMessageBoxQuestion .sapMDialogTitleGroup > .sapMBar {
+		box-shadow: @_sap_m_MessageBox_QuestionShadow;
+	}
+}