@openui5/themelib_sap_fiori_3 1.101.0 → 1.103.0

package/THIRDPARTY.txt

@@ -450,7 +450,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.1.38
+Component: SAP Theming Base Content, version: 11.1.39
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_fiori_3",
-  "version": "1.101.0",
+  "version": "1.103.0",
   "description": "OpenUI5 Theme Library sap_fiori_3",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.101.0",
-    "@openui5/sap.m": "1.101.0",
-    "@openui5/sap.tnt": "1.101.0",
-    "@openui5/sap.ui.codeeditor": "1.101.0",
-    "@openui5/sap.ui.commons": "1.101.0",
-    "@openui5/sap.ui.core": "1.101.0",
-    "@openui5/sap.ui.dt": "1.101.0",
-    "@openui5/sap.ui.fl": "1.101.0",
-    "@openui5/sap.ui.mdc": "1.101.0",
-    "@openui5/sap.ui.integration": "1.101.0",
-    "@openui5/sap.ui.layout": "1.101.0",
-    "@openui5/sap.ui.rta": "1.101.0",
-    "@openui5/sap.ui.suite": "1.101.0",
-    "@openui5/sap.ui.table": "1.101.0",
-    "@openui5/sap.ui.unified": "1.101.0",
-    "@openui5/sap.ui.ux3": "1.101.0",
-    "@openui5/sap.uxap": "1.101.0"
+    "@openui5/sap.f": "1.103.0",
+    "@openui5/sap.m": "1.103.0",
+    "@openui5/sap.tnt": "1.103.0",
+    "@openui5/sap.ui.codeeditor": "1.103.0",
+    "@openui5/sap.ui.commons": "1.103.0",
+    "@openui5/sap.ui.core": "1.103.0",
+    "@openui5/sap.ui.dt": "1.103.0",
+    "@openui5/sap.ui.fl": "1.103.0",
+    "@openui5/sap.ui.mdc": "1.103.0",
+    "@openui5/sap.ui.integration": "1.103.0",
+    "@openui5/sap.ui.layout": "1.103.0",
+    "@openui5/sap.ui.rta": "1.103.0",
+    "@openui5/sap.ui.suite": "1.103.0",
+    "@openui5/sap.ui.table": "1.103.0",
+    "@openui5/sap.ui.unified": "1.103.0",
+    "@openui5/sap.ui.ux3": "1.103.0",
+    "@openui5/sap.uxap": "1.103.0"
   }
 }

package/src/sap/f/themes/sap_fiori_3_hcb/FlexibleColumnLayout.less

@@ -24,7 +24,7 @@
 		border-right: none;
 		border-left: none;
 	}
-	
+
 	&.sapFFCLBackgroundDesign {
 		background: @sapUiBaseBG;
 	}
@@ -35,21 +35,21 @@
 		.sapMBtnInner {
 			border: 1px solid @sapUiButtonBorderColor;
 
-			&:before,
-			&:after {
-				background-size: 0.125rem 100%;
-				background-position-x: calc(50% - 0.0625rem);
-			}
-			&:before {
-				background-image: linear-gradient(to top, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
-			}
-
-			&:after {
-				background-image: linear-gradient(to bottom, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
-			}
 			.sapMBtnIcon {
 				width: auto;
 			}
 		}
+		&:before,
+		&:after {
+			background-size: 0.125rem 100%;
+			background-position-x: calc(50% - 0.0625rem);
+		}
+		&:before {
+			background-image: linear-gradient(to top, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
+		}
+
+		&:after {
+			background-image: linear-gradient(to bottom, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
+		}
 	}
 }

package/src/sap/f/themes/sap_fiori_3_hcw/FlexibleColumnLayout.less

@@ -35,21 +35,21 @@
 		.sapMBtnInner {
 			border: 1px solid @sapUiButtonBorderColor;
 
-			&:before,
-			&:after {
-				background-size: 0.125rem 100%;
-				background-position-x: calc(50% - 0.0625rem);
-			}
-			&:before {
-				background-image: linear-gradient(to top, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
-			}
-
-			&:after {
-				background-image: linear-gradient(to bottom, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
-			}
 			.sapMBtnIcon {
 				width: auto;
 			}
 		}
+		&:before,
+		&:after {
+			background-size: 0.125rem 100%;
+			background-position-x: calc(50% - 0.0625rem);
+		}
+		&:before {
+			background-image: linear-gradient(to top, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
+		}
+
+		&:after {
+			background-image: linear-gradient(to bottom, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
+		}
 	}
 }

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

@@ -117,11 +117,6 @@ span.sapMBtnInner.sapMBtnEmphasized {
 	background: @sapUiButtonActiveBackground;
 }
 
-.sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable:not(.sapMBtnActive) {
-	background: @sapUiButtonHoverBackground;
-	border-color: @sapUiButtonHoverBorderColor;
-}
-
 .sapUiSizeCompact {
 	.sapMBtnIcon {
 		margin-left: 0;

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

@@ -7,6 +7,7 @@
 // Variables overriding
 // ==========================================================================
 
+@_sap_m_Carousel_BackgroundColor: @sapBackgroundColor;
 @_sap_m_Carousel_MinWidth: 15.5rem;
 @_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
 @_sap_m_Carousel_NumericIndicatorTextColor: @sapUiPageFooterTextColor;
@@ -16,57 +17,4 @@
 @_sap_m_Carousel_PageIndicatorWidthSizeM: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_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,
-.sapMCrslPrev .sapUiIcon:focus,
-.sapMCrslNext .sapUiIcon:focus {
-  outline: none;
-}
-
-html.sap-desktop .sapMCrslHud .sapMCrslPrev:focus,
-html.sap-desktop .sapMCrslHud .sapMCrslNext:focus {
-  	&::before {
-		content: "";
-		position: absolute;
-		top: -0.125rem;
-		right: -0.125rem;
-		bottom: -0.125rem;
-		left: -0.125rem;
-		pointer-events: none;
-	}
-
-  	&::after {
-		content: "";
-		position: absolute;
-		top: -0.125rem;
-		right: -0.125rem;
-		bottom: -0.125rem;
-		left: -0.125rem;
-		pointer-events: none;
-		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-	}
-}
+@_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;

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

@@ -227,6 +227,27 @@ html.sap-desktop .sapMGTLineModePress .sapMGTFocusDiv {
 	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 }
 
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus
+{
+		.sapMGTFocusDiv{
+			border: none;
+		}
+}
+
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:active
+{
+	.sapMGTFocusDiv{
+		border: 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 {

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

@@ -4,11 +4,12 @@
 /* ================================= */
 
 // header shadow - different states
-@_sap_m_MessageBox_InformationShadow: inset 0 -0.0625rem @sapUiInformationBorder, @sapUiShadowHeader;
-@_sap_m_MessageBox_WarningShadow: inset 0 -0.0625rem @sapUiWarningBorder, @sapUiShadowHeader;
-@_sap_m_MessageBox_ErrorShadow: inset 0 -0.0625rem @sapUiErrorBorder, @sapUiShadowHeader;
-@_sap_m_MessageBox_SuccessShadow: inset 0 -0.0625rem @sapUiSuccessBorder, @sapUiShadowHeader;
-@_sap_m_MessageBox_QuestionShadow: @sapUiShadowHeader;
+@_sap_m_MessageBox_HeaderShadow:  inset 0 -0.0625rem;
+@_sap_m_MessageBox_Shadow: @sapUiShadowHeader;
+@_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;
 
 .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
 	color: @sapUiInformativeElement;

package/src/sap/m/themes/sap_fiori_3/NotificationListGroup.less

@@ -0,0 +1,6 @@
+/* ====================================== */
+/* CSS for control sap.m/NotificationListGroup  */
+/* Fiori 3 theme                          */
+/* ====================================== */
+
+@_sap_m_NotificationListGroup_Background: @sapList_GroupHeaderBackground;

package/src/sap/m/themes/sap_fiori_3/ObjectNumber.less

@@ -3,11 +3,6 @@
 /* Fiori 3 theme                       */
 /* =================================== */
 
-.sapMObjectNumberLarge .sapMObjectNumberText,
-.sapMObjectNumberLarge .sapMObjectNumberUnit {
-	font-size: 1.5rem;
-}
-
 .sapMObjectNumberInverted .sapMObjectNumberText,
 .sapMObjectNumberInverted .sapMObjectNumberUnit {
 	text-shadow: @sapUiContentContrastTextShadow;

package/src/sap/m/themes/sap_fiori_3/Panel.less

@@ -37,10 +37,6 @@
 .sapMPanel .sapMPanelHdr {
 	line-height: 2.75rem;
 	height: 2.75rem;
-	font-family: @sapUiFontHeaderFamily;
-	font-size: @sapMFontHeader4Size;
-	font-weight: @sapUiFontHeaderWeight;
-	color: @sapUiGroupTitleTextColor;
 }
 
 .sapMPanelWrappingDiv .sapUiIcon {

package/src/sap/m/themes/sap_fiori_3/Popover.less

@@ -3,9 +3,6 @@
 /* Fiori 3 theme                  */
 /* ============================== */
 
-/* Arrow offset from the Popover's corners */
-@_sap_m_Popover_ArrowOffset: 8;
-
 .sapMPopoverArr:after {
 	background: @sapUiGroupContentBackground;
 	box-shadow: @sapUiContentShadow2;

package/src/sap/m/themes/sap_fiori_3/SlideTile.less

@@ -9,7 +9,9 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv {
 }
 
 .sapMST.sapMSTScopeActions.sapMSTDarkBackground .sapMSTMoreIcon {
-	color: @sapUiContentContrastTextColor;
+	.sapMBtnIcon{
+		color: @sapUiContentContrastTextColor;
+	}
 }
 
 /* This part is used to achieve dotted white black interlace border*/

package/src/sap/m/themes/sap_fiori_3/Slider.less

@@ -6,15 +6,10 @@
 /* slider */
 .sapMSliderInner {
 	background: @sapUiFieldBorderColor;
-	height: 0.25rem;
-	min-width: 4rem;
-	border-radius: 0.25rem;
 }
 
 .sapMSliderProgress {
 	background: @sapUiActive;
-	height: 0.25rem;
-	border-radius: 0.25rem;
 }
 
 .sapMSliderInner:not(.sapMSliderInnerDisabled):hover > .sapMSliderHandle {
@@ -26,9 +21,10 @@
 .sapMSliderInner .sapMSliderHandle {
 	background: @sapUiButtonBackground;
 	border: solid 0.125rem @sapUiFieldBorderColor;
-	width: 1.625rem;
-	height: 1.625rem;
-	top: -0.825rem;
+	width: 1.875rem;
+	height: 1.875rem;
+	margin-left: -0.9375rem;
+	top: -0.8125rem;
 }
 
 .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle {
@@ -84,12 +80,17 @@
 
 .sapUiSizeCompact {
 	.sapMSliderHandle {
-		width: 1.25rem;
-		height: 1.25rem;
+		width: 1.5rem;
+		height: 1.5rem;
+		margin-left: -0.75rem;
 		top: -0.625rem;
 	}
 
 	.sapMSliderTickLabel .sapMSliderLabel {
 		padding-top: 0.375rem;
 	}
+}
+
+.sapMSliderTick[data-ui5-active-tickmark="true"] {
+	border-left: 0.0625rem solid @sapActiveColor;
 }

package/src/sap/m/themes/sap_fiori_3/StandardListItem.less

@@ -14,10 +14,6 @@
 	height: 2.75rem;
 }
 
-.sapMSLI.sapMSLIWrapping {
-	min-height: 2.75rem;
-}
-
 .sapMSLIImgIcon {
 	height: 2.75rem;
 	width: 2.75rem;

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

@@ -23,8 +23,4 @@
 /* make the focus visible on all sides */
 .sapMSticky .sapMLIBShowSeparator:first-child > td {
 	border-top-color: transparent;
-}
-
-.sapMListTblCell {
-	padding: 0 0.5rem;
 }

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

@@ -14,7 +14,7 @@
 	color: @sapUiBaseText;
 }
 
-html.sap-desktop .sapMToken.sapMTokenSelected:hover {
+html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
 	background: @sapUiButtonSelectedHoverBackground;
 	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedHoverBorderColor;
 }

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

@@ -49,7 +49,8 @@ html.sap-desktop .sapMTokenizer:focus {
 .sapMTokenizer.sapMTokenizerDisabled .sapMToken  {
   &.sapMToken:hover,
   &.sapMToken:focus,
-  &.sapMTokenSelected {
+  &.sapMTokenSelected,
+  &.sapMToken.sapMTokenSelected:hover {
     background: darken(@sapUiButtonBackground, 2);
     cursor: default;
     color: @sapUiBaseText;

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

@@ -14,6 +14,9 @@ html.sap-desktop .sapMTBActive:focus {
 	background: @sapUiToolbarBackground;
 }
 
+.sapMIBar > .sapMBarChild:last-child {
+	margin-right: 0;
+}
 
 /* Transparent Toolbar Context */
 .sapMTB-Transparent-CTX.sapMTB {

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

@@ -43,6 +43,7 @@
 @import "MessageStrip.less";
 @import "MessageView.less";
 @import "NewsContent.less";
+@import "NotificationListGroup.less";
 @import "ObjectAttribute.less";
 @import "ObjectHeader.less";
 @import "ObjectMarker.less";

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

@@ -116,11 +116,6 @@ span.sapMBtnInner.sapMBtnEmphasized {
 	background: @sapUiButtonActiveBackground;
 }
 
-.sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable:not(.sapMBtnActive) {
-	background: @sapUiButtonHoverBackground;
-	border-color: @sapUiButtonHoverBorderColor;
-}
-
 .sapUiSizeCompact {
 	.sapMBtnIcon {
 		margin-left: 0;

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

@@ -7,6 +7,7 @@
 // Variables overriding
 // ==========================================================================
 
+@_sap_m_Carousel_BackgroundColor: @sapBackgroundColor;
 @_sap_m_Carousel_MinWidth: 15.5rem;
 @_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
 @_sap_m_Carousel_NumericIndicatorTextColor: @sapUiPageFooterTextColor;
@@ -16,83 +17,4 @@
 @_sap_m_Carousel_PageIndicatorWidthSizeM: @_sap_m_Carousel_PageIndicatorWidthSizeS;
 @_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;
-}
-
-.sapMCrsl:focus {
-	&:before {
-		border: 1px solid @sapUiContentFocusColor;
-		position: absolute;
-		content: " ";
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-		z-index: 2;
-		pointer-events: none;
-	}
-
-	&:after {
-		border: 1px dotted @sapUiContentContrastFocusColor;
-		position: absolute;
-		content: " ";
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-		z-index: 2;
-		pointer-events: none;
-	}
-}
-
-.sapMCrslPrev:focus,
-.sapMCrslNext:focus,
-.sapMCrslPrev .sapUiIcon:focus,
-.sapMCrslNext .sapUiIcon:focus {
-  outline: none;
-}
-
-html.sap-desktop .sapMCrslHud .sapMCrslPrev:focus,
-html.sap-desktop .sapMCrslHud .sapMCrslNext:focus {
-  	&::before {
-		content: "";
-		position: absolute;
-		top: -0.125rem;
-		right: -0.125rem;
-		bottom: -0.125rem;
-		left: -0.125rem;
-		pointer-events: none;
-	}
-
-  	&::after {
-		content: "";
-		position: absolute;
-		top: -0.125rem;
-		right: -0.125rem;
-		bottom: -0.125rem;
-		left: -0.125rem;
-		pointer-events: none;
-		border: 1px dotted @sapUiContentFocusColor;
-	}
-}
+@_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;

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

@@ -226,6 +226,27 @@ html.sap-desktop .sapMGTLineModePress .sapMGTFocusDiv {
 	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 }
 
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus
+{
+		.sapMGTFocusDiv{
+			border: none;
+		}
+}
+
+html.sap-desktop .sapMGTActionButtonPress.sapMGT:active
+{
+	.sapMGTFocusDiv{
+		border: 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 {

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

@@ -4,11 +4,12 @@
 /* ================================= */
 
 // header shadow - different states
-@_sap_m_MessageBox_InformationShadow: inset 0 -0.0625rem @sapUiInformationBorder, @sapUiShadowHeader;
-@_sap_m_MessageBox_WarningShadow: inset 0 -0.0625rem @sapUiWarningBorder, @sapUiShadowHeader;
-@_sap_m_MessageBox_ErrorShadow: inset 0 -0.0625rem @sapUiErrorBorder, @sapUiShadowHeader;
-@_sap_m_MessageBox_SuccessShadow: inset 0 -0.0625rem @sapUiSuccessBorder, @sapUiShadowHeader;
-@_sap_m_MessageBox_QuestionShadow: @sapUiShadowHeader;
+@_sap_m_MessageBox_HeaderShadow:  inset 0 -0.0625rem;
+@_sap_m_MessageBox_Shadow: @sapUiShadowHeader;
+@_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;
 
 .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
 	color: @sapUiInformativeElement;

package/src/sap/m/themes/sap_fiori_3_dark/NotificationListGroup.less

@@ -0,0 +1,6 @@
+/* ====================================== */
+/* CSS for control sap.m/NotificationListGroup  */
+/* Quartz Dark theme                      */
+/* ====================================== */
+
+@_sap_m_NotificationListGroup_Background: @sapList_GroupHeaderBackground;

package/src/sap/m/themes/sap_fiori_3_dark/Panel.less

@@ -37,10 +37,6 @@
 .sapMPanel .sapMPanelHdr {
 	line-height: 2.75rem;
 	height: 2.75rem;
-	font-family: @sapUiFontHeaderFamily;
-	font-size: @sapMFontHeader4Size;
-	font-weight: @sapUiFontHeaderWeight;
-	color: @sapUiGroupTitleTextColor;
 }
 
 .sapMPanelWrappingDiv .sapUiIcon {

package/src/sap/m/themes/sap_fiori_3_dark/Popover.less

@@ -3,9 +3,6 @@
 /* Quartz Dark theme              */
 /* ============================== */
 
-/* Arrow offset from the Popover's corners */
-@_sap_m_Popover_ArrowOffset: 8;
-
 .sapMPopoverArr:after {
 	background: @sapUiGroupContentBackground;
 	box-shadow: @sapUiShadowLevel2;

package/src/sap/m/themes/sap_fiori_3_dark/SlideTile.less

@@ -9,7 +9,9 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv {
 }
 
 .sapMST.sapMSTScopeActions.sapMSTDarkBackground .sapMSTMoreIcon {
-	color: @sapUiContentContrastTextColor;
+	.sapMBtnIcon{
+		color: @sapUiContentContrastTextColor;
+	}
 }
 
 /* This part is used to achieve dotted white black interlace border*/

package/src/sap/m/themes/sap_fiori_3_dark/Slider.less

@@ -6,14 +6,10 @@
 /* slider */
 .sapMSliderInner {
 	background: @sapUiFieldBorderColor;
-	height: 0.25rem;
-	min-width: 4rem;
-	border-radius: 0.25rem;
 }
 
 .sapMSliderProgress {
 	background: @sapUiActive;
-	height: 0.25rem;
 }
 
 .sapMSliderInner:not(.sapMSliderInnerDisabled):hover > .sapMSliderHandle {
@@ -25,9 +21,10 @@
 .sapMSliderHandle {
 	background: @sapUiButtonBackground;
 	border: solid 0.125rem @sapUiFieldBorderColor;
-	width: 1.625rem;
-	height: 1.625rem;
-	top: -0.825em;
+	width: 1.875rem;
+	height: 1.875rem;
+	margin-left: -0.9375rem;
+	top: -0.8125em;
 }
 
 .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle {
@@ -83,8 +80,9 @@
 
 .sapUiSizeCompact {
 	.sapMSliderHandle {
-		width: 1.25rem;
-		height: 1.25rem;
+		width: 1.5rem;
+		height: 1.5rem;
+		margin-left: -0.75rem;
 		top: -0.625rem;
 	}