@openui5/themelib_sap_horizon 1.103.1 → 1.104.0

package/.reuse/dep5

@@ -137,6 +137,11 @@ Copyright: jQuery Foundation and other contributors
 License: MIT
 Comment: these files belong to: QUnit 2
 
+Files: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.18.*
+Copyright: jQuery Foundation and other contributors
+License: MIT
+Comment: these files belong to: QUnit 2.18
+
 Files: src/sap.ui.core/src/sap/ui/thirdparty/jquery-compat.js
 Copyright: OpenJS Foundation and other contributors
 License: MIT
@@ -234,6 +239,11 @@ Copyright: 2010-2017, Christian Johansen, christian@cjohansen.no
 License: BSD-3-Clause
 Comment: these files belong to: SinonJS
 
+Files: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/sinon-14.0.*
+Copyright: 2010-2022, Christian Johansen, christian@cjohansen.no
+License: BSD-3-Clause
+Comment: these files belong to: SinonJS 14
+
 Files: src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js
 Copyright: 2010-2011, Christian Johansen
 License: BSD-3-Clause
@@ -339,6 +349,13 @@ Copyright:
 License: Apache-2.0 and ISC
 Comment: these files contain content from SAP and node-lru-cache: LRUPersistentCache.js is overall written by SAP, but portions ('Least Recently Used' logic) are taken from the node-lru-cache project (see https://github.com/isaacs/node-lru-cache/blob/v2.7.3/README.md) and modified.
 
+Files: src/sap.ui.core/test/sap/ui/core/qunit/i18n/helper/_timezones.js
+Copyright:
+    2009-2022 SAP SE or an SAP affiliate company and OpenUI5 contributors
+    Arthur David Olson, Paul Eggert and other contributors
+License: Apache-2.0 and LicenseRef-tzdata-PublicDomain
+Comment: these files contain content from SAP and Time Zone Database: _timezones.js is overall written by SAP, but the list of IANA timezone IDs is taken from the Timezone Database
+
 
 # Library: sap.ui.documentation:
 

package/LICENSES/LicenseRef-tzdata-PublicDomain.txt

@@ -0,0 +1,5 @@
+Unless specified below, all files in the tz code and data (including
+this LICENSE file) are in the public domain.
+
+If the files date.c, newstrftime.3, and strftime.c are present, they
+contain material derived from BSD and use the BSD 3-clause license.

package/THIRDPARTY.txt

@@ -76,6 +76,12 @@ License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/qunit-2.*
 
+Component: QUnit 2.18, version: 2.18.0
+Copyright: jQuery Foundation and other contributors
+License: MIT
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
+Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.18.*
+
 Component: jQuery-Migrate, version: 3.3.1
 Copyright: OpenJS Foundation and other contributors
 License: MIT
@@ -191,13 +197,19 @@ License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/sinon-4.js
 
+Component: SinonJS 14, version: 14.0.0
+Copyright: 2010-2022, Christian Johansen, christian@cjohansen.no
+License: BSD-3-Clause
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
+Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/sinon-14.0.*
+
 Component: Sinon-qunit, version: 2.0.0
 Copyright: 2010-2011, Christian Johansen
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js
 
-Component: URI.js, version: 1.19.10
+Component: URI.js, version: 1.19.11
 Copyright: Rodney Rehm
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
@@ -315,6 +327,12 @@ License: ISC
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/ISC.txt
 Contained in: src/sap.ui.core/src/sap/ui/core/cache/LRUPersistentCache.js
 
+Component: Time Zone Database, version: 2022a
+Copyright: Arthur David Olson, Paul Eggert and other contributors
+License: LicenseRef-tzdata-PublicDomain
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/LicenseRef-tzdata-PublicDomain.txt
+Contained in: src/sap.ui.core/test/sap/ui/core/qunit/i18n/helper/_timezones.js
+
 
 Library: sap.ui.documentation:
 
@@ -450,7 +468,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.39
+Component: SAP Theming Base Content, version: 11.1.40
 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
@@ -980,6 +998,21 @@ END of license: LicenseRef-JSONinJSPublicDomain
 =================================
 
 
+=================================
+BEGIN of license: LicenseRef-tzdata-PublicDomain
+=================================
+
+Unless specified below, all files in the tz code and data (including
+this LICENSE file) are in the public domain.
+
+If the files date.c, newstrftime.3, and strftime.c are present, they
+contain material derived from BSD and use the BSD 3-clause license.
+
+=================================
+END of license: LicenseRef-tzdata-PublicDomain
+=================================
+
+
 =================================
 BEGIN of license: MIT
 =================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.103.1",
+  "version": "1.104.0",
   "description": "OpenUI5 Theme Library sap_horizon",
   "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.103.1",
-    "@openui5/sap.m": "1.103.1",
-    "@openui5/sap.tnt": "1.103.1",
-    "@openui5/sap.ui.codeeditor": "1.103.1",
-    "@openui5/sap.ui.commons": "1.103.1",
-    "@openui5/sap.ui.core": "1.103.1",
-    "@openui5/sap.ui.dt": "1.103.1",
-    "@openui5/sap.ui.fl": "1.103.1",
-    "@openui5/sap.ui.mdc": "1.103.1",
-    "@openui5/sap.ui.integration": "1.103.1",
-    "@openui5/sap.ui.layout": "1.103.1",
-    "@openui5/sap.ui.rta": "1.103.1",
-    "@openui5/sap.ui.suite": "1.103.1",
-    "@openui5/sap.ui.table": "1.103.1",
-    "@openui5/sap.ui.unified": "1.103.1",
-    "@openui5/sap.ui.ux3": "1.103.1",
-    "@openui5/sap.uxap": "1.103.1"
+    "@openui5/sap.f": "1.104.0",
+    "@openui5/sap.m": "1.104.0",
+    "@openui5/sap.tnt": "1.104.0",
+    "@openui5/sap.ui.codeeditor": "1.104.0",
+    "@openui5/sap.ui.commons": "1.104.0",
+    "@openui5/sap.ui.core": "1.104.0",
+    "@openui5/sap.ui.dt": "1.104.0",
+    "@openui5/sap.ui.fl": "1.104.0",
+    "@openui5/sap.ui.mdc": "1.104.0",
+    "@openui5/sap.ui.integration": "1.104.0",
+    "@openui5/sap.ui.layout": "1.104.0",
+    "@openui5/sap.ui.rta": "1.104.0",
+    "@openui5/sap.ui.suite": "1.104.0",
+    "@openui5/sap.ui.table": "1.104.0",
+    "@openui5/sap.ui.unified": "1.104.0",
+    "@openui5/sap.ui.ux3": "1.104.0",
+    "@openui5/sap.uxap": "1.104.0"
   }
 }

package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less

@@ -138,7 +138,7 @@ html.sap-desktop {
 }
 
 .sapUiSizeCompact {
-	.sapMTB {
+	.sapFDynamicPageTitle .sapMTB {
 		height: 2.75rem;
 	}
 

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

@@ -203,13 +203,11 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
 	background-color: @sapUiButtonLiteBackground;
 }
 
-.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent) {
-	&.sapMBtnDefault,
-	&.sapMBtnBack {
+.sapMIBar .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault,
+.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive) > .sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack {
+	color: @sapUiButtonLiteTextColor;
+	.sapUiIcon {
 		color: @sapUiButtonLiteTextColor;
-		.sapUiIcon {
-			color: @sapUiButtonLiteTextColor;
-		}
 	}
 }
 

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

@@ -5,8 +5,8 @@
 
 .sapMGT.sapMGTBackgroundImage {
 	.sapMGTContent {
-		border-bottom-left-radius: @sapElement_BorderCornerRadius;
-		border-bottom-right-radius: @sapElement_BorderCornerRadius;
+		border-bottom-left-radius: @sapTile_BorderCornerRadius;
+		border-bottom-right-radius: @sapTile_BorderCornerRadius;
 	}
 }
 
@@ -14,6 +14,32 @@
 	color: @sapUiContentContrastTextColor;
 }
 
+.sapMGT.sapMGTScopeActions.sapMGTBackgroundImage, .sapMGT.sapMGTScopeSingleActions.sapMGTBackgroundImage {
+	.sapMGTContent {
+		&:before {
+			border-radius: @sapTile_BorderCornerRadius;
+		}
+	}
+}
+
+.sapMGT.sapMGTScopeActions:not(.sapMGTStateLoading){
+	.sapMTileCntContent{
+		&:after{
+			opacity: 0.4;
+			background-color: @sapTile_Background;
+
+		}
+	}
+}
+
+.sapMGT.sapMGTScopeActions.OneByHalf:not(.sapMGTStateLoading),.sapMGT.sapMGTScopeActions.TwoByHalf:not(.sapMGTStateLoading){
+		.sapMTileCntContent{
+			&:after{
+				top: -0.3125rem;
+			}
+		}
+}
+
 /************************ LINE MODE LIST VIEW ********************/
 
 .sapMGT.sapMGTLineMode {
@@ -23,10 +49,18 @@
 
 .sap-desktop .sapMGT.sapMGTLineMode:not(.sapMGTDisabled) {
 	&:not(.sapMGTLineModePress):hover {
-		background: @sapUiTileHoverBackground;
+		background: @sapTile_Hover_Background;
+		box-shadow: @sapContent_Shadow2;
 	}
 }
 
+html.sap-desktop .sapMGT.sapMGTLineMode:active{
+	background-color: @sapTile_Active_Background;
+	outline: 0.125rem solid @sapContent_FocusColor !important;
+	outline-offset: -0.125rem;
+	border: none;
+}
+
 .sapMGT.sapMGTLineMode:not(.sapMGTDisabled).sapMGTLineModePress {
 	background: fade(@sapUiShellHoverBackground, 12);
 }
@@ -58,6 +92,16 @@
 	}
 }
 
+.sapMGT.sapMGTScopeActions .sapMGTRemoveButton, .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton{
+	.sapMBtnInner{
+		border-color: @sapButton_BorderColor;
+		background: @sapButton_Background;
+	}
+	.sapMBtnIcon {
+		color: @sapButton_TextColor;
+	}
+}
+
 .sapMGTLineMode .sapMGTLineModeHelpContainer:not(:last-child) {
 	-webkit-mask-image: linear-gradient(to right, #FFF ~"calc(100% - 1.5rem)", transparent);
 
@@ -246,6 +290,7 @@ html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus-visible
 {
 	.sapMGTFocusDiv{
 		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+		border-radius: @sapTile_BorderCornerRadius;
 	}
 }
 
@@ -266,8 +311,18 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
 }
 
 .sapMGT {
-	border-radius: @sapElement_BorderCornerRadius;
+	border-radius: @sapTile_BorderCornerRadius;
 	border-color: @sapTile_BorderColor;
+	box-shadow: @sapContent_Shadow0;
+	.sapMGTContent{
+		border-radius: 0 0 @sapTile_BorderCornerRadius @sapTile_BorderCornerRadius;
+	}
+}
+
+.sapMGT.tileWithAppInfo {
+	.sapMGTContent{
+		border-radius: 0;
+	}
 }
 
 .sapUshellSection {
@@ -291,6 +346,9 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
 	width: 19rem;
 }
 
+.sapMTileSmallPhone .sapMTileCntContent{
+	height: 3.438rem;
+}
 .sapMGT.TwoByHalf {
 	width: 22.5rem;
 }
@@ -306,19 +364,35 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
 
 .sapMGT.sapMGTLineMode {
 	border: 1px solid @sapTile_BorderColor !important;
-	border-radius: @sapElement_BorderCornerRadius !important;
+	border-radius: @sapTile_BorderCornerRadius !important;
 	box-shadow: @sapContent_Shadow0 !important;
 }
 
+.sapMGT.sapMGTLineMode.sapMGTInfoRendered {
+	border: transparent !important;
+	.sapMGTTInfoWrapper{
+		border-radius: 0 @sapTile_BorderCornerRadius @sapTile_BorderCornerRadius 0 !important;
+	}
+}
+
+.sapMGT.sapMGTLineMode.sapMGTInfoRendered:focus {
+	.sapMGTFocusDiv{
+		inset: 0;
+	}
+}
+
+.sap-desktop .sapMGT.sapMGTLineMode.sapMGTInfoRendered:not(.sapMGTDisabled):not(.sapMGTLineModePress):hover {
+	border: transparent !important;
+}
+
 .sap-desktop .sapMGT.sapMGTLineMode:not(.sapMGTDisabled):not(.sapMGTLineModePress):hover {
 	background: @sapTile_Hover_Background;
 	border: 1px solid @sapTile_BorderColor !important;
-	box-shadow: @sapContent_Shadow1 !important;
+	box-shadow: @sapContent_Shadow2 !important;
 }
 
 html.sap-desktop .sapMGT:hover:not(.sapMGTPressActive) {
-	border: 1px solid @sapTile_BorderColor !important;
-	box-shadow: @sapContent_Shadow1 !important;
+	box-shadow: @sapContent_Shadow2 !important;
 }
 
 html.sap-desktop .sapMGTIconMode.sapMGT:hover:not(.sapMGTPressActive) {
@@ -336,13 +410,40 @@ html.sap-desktop .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:f
 	box-shadow: inset 0 0 0 0.063rem @sapContent_ContrastFocusColor, 0 0 0 @sapContent_FocusWidth @sapContent_FocusColor;
 }
 
+html.sap-desktop .sapMGT:active{
+	background-color: @sapTile_Active_Background;
+	border: 0.0625rem solid @sapTile_Interactive_BorderColor;
+	&.sapMGTIconMode{
+		outline: 0.0625rem solid @sapTile_Interactive_BorderColor;
+		border: none;
+	}
+	&.sapMGTNewsContent{
+		overflow: hidden;
+	}
+	.sapMGTFocusDiv{
+		box-shadow: none;
+		border: none !important;
+	}
+}
+
+html.sap-desktop .sapMGT:focus .sapMGTFocusDiv{
+	border: 0.125rem solid @sapContent_FocusColor;
+	border-radius:  @sapTile_BorderCornerRadius;
+	box-shadow: none;
+	inset: -1px;
+}
+
+html.sap-desktop .sapMGT.sapMGTOneByOne:focus .sapMGTFocusDiv{
+	inset: 0;
+}
+
 html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html.sap-desktop .sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv:after {
 	border: none;
 	border-radius: @sapElement_BorderCornerRadius;
 }
 
 .sapMGTLineMode .sapMGTFocusDiv {
-	border-radius: 10px !important;
+	border-radius: 16px !important;
 	top: 0;
 	right: 0;
 	bottom: 0;
@@ -402,7 +503,14 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html
 .sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
 	.sapMGTMoreIcon{
 		.sapMBtnIcon{
-			color: @sapUiButtonLiteTextColor;
+			color: @sapButton_Lite_TextColor;
 		}
 	}
+}
+
+.sapMGT.OneByOne,.sapMGT.TwoByOne{
+	.sapMTileCnt.News {
+		border-bottom-left-radius: 0.87rem;
+		border-bottom-right-radius: 0.87rem;
+	}
 }

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

@@ -15,4 +15,20 @@
 
 .sapMHdrCntrBGTranslucent {
 	background-color: @_sap_m_HeaderContainer_TranslucentBackground;
-}
+}
+
+.sapMHdrCntrBtnIcon{
+	color: @sapContent_NonInteractiveIconColor;
+}
+
+.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
+	border-left: 1px solid @sapList_BorderColor;
+}
+
+.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
+	border-top: 1px solid @sapList_BorderColor;
+}
+
+.sapMHdrCntrBGTransparent {
+	background-color: transparent;
+}

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

@@ -14,12 +14,15 @@
 .sapMTileCnt.News {
 	.sapMNwC {
 		.sapMNwCSbh {
-			color: @_sap_m_NewsContent_SubHeaderTextColor;
+			color: @sapTile_OverlayForegroundColor;
 			line-height: normal;
+			font-size: @sapFontSize;
 		}
 		.sapMNwCCTxt .sapMText, .sapMNwCCTxt .sapMFT {
-			color: @_sap_m_NewsContent_HeaderTextColor;
+			font-size: @sapFontSize;
 			line-height: normal;
+			font-weight: bold;
+			color: @sapTile_OverlayForegroundColor;
 		}
 	}
 }
@@ -40,6 +43,17 @@
 	}
 }
 
+.sapMTileSmallPhone{
+	.sapMTileCnt.News{
+		.sapMTileCntContent{
+			height: 3.25rem;
+			.sapMFT{
+				font-size: 0.75rem;
+			}
+		}
+	}
+}
+
 .sapMNwC:focus {
 	outline: 1px dotted @sapUiContentFocusColor;
 }

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

@@ -126,6 +126,10 @@
 .sapMPopover {
 	border-radius: @sapUiPopoverBorderCornerRadius;
 
+	.sapMPopoverCont {
+		padding: 0.0625rem;
+	}
+
 	&.sapMPopoverWithoutBar .sapMPopoverCont,
 	.sapMIBar.sapMHeader-CTX {
 		border-top-right-radius: @sapUiPopoverBorderCornerRadius;

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

@@ -203,4 +203,11 @@
 		top: -1.3125rem;
 		right: -0.0675rem;
 	}
+}
+
+/* Compact and Condensed */
+.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
+.sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
+	padding: 0.4375rem 0;
+	margin: 0;
 }

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

@@ -55,6 +55,20 @@
 	background-color: @sapUiContentMeasureIndicatorColor;
 }
 
+.sapMRangeSlider .sapMSliderLabels {
+	width: 100%;
+	position: absolute;
+	top: 2.125rem;
+}
+
+.sapMRangeSlider .sapMSliderTickLabel .sapMSliderLabel {
+	top: 1rem;
+}
+
+.sapMRangeSlider .sapMSliderRangeLabel {
+	padding-top: 0.4375rem;
+}
+
 .sapUiSizeCompact {
 	.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
 		&:not(:focus) {
@@ -66,6 +80,14 @@
 		}
 	}
 
+	.sapMRangeSlider .sapMSliderLabels {
+		margin: 0 -0.875rem;
+	}
+
+	.sapMRangeSlider .sapMSliderRangeLabel {
+		padding-top: 0.375rem;
+	}
+
 	.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
 		background: @sapUiSliderActiveRangeHandleBackground;
 		border: 0.125rem solid #0070F2;

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

@@ -53,4 +53,34 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly){
 .sapMRI .sapUiIcon,
 .sapMRI .sapMImg {
 	top: -1px;
+}
+
+/* As font-size is set as an inline style, we need to override it for horizon only using important */
+.sapMRINoCustomIconSize {
+	&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
+		font-size: 1.125rem !important;
+	}
+}
+
+.sapUiSizeCompact .sapMRINoCustomIconSize {
+	&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
+	&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
+		font-size: .75rem !important;
+	}
+
+	& .sapUiIcon,
+	& .sapUiIcon {
+		font-size: 1rem !important;
+	}
+
+	& .sapMRISel,
+	& .sapMRIUnselWrapper {
+		height: 100%;
+	}
 }

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

@@ -3,9 +3,17 @@
 /* Horizon theme                    */
 /* ================================ */
 
-html.sap-desktop .sapMST:focus .sapMSTFocusDiv,
-html.sap-desktop .sapMST:active .sapMSTFocusDiv {
-	border: 1px solid @sapUiTileBackground;
+html.sap-desktop .sapMST:focus .sapMSTFocusDiv {
+	border: 1px solid @sapUiTileBackground
+}
+
+html.sap-desktop .sapMST:active{
+	background-color: @sapTile_Active_Background;
+	.sapMSTFocusDiv{
+		border: 1px solid @sapTile_Interactive_BorderColor;
+		border-radius:  @sapTile_BorderCornerRadius;
+		inset: 0;
+	}
 }
 
 .sapMST.sapMSTScopeActions.sapMSTDarkBackground .sapMSTMoreIcon {
@@ -30,18 +38,23 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
 
 /* Bulleted indicator of multiple tiles*/
 .sapMSTBulleted > span {
-	background-color: @sapUiContentNonInteractiveIconColor;
-	box-shadow: 0 0 0.25rem fade(@sapUiContentShadowColor, 25);
+	border: solid 0.0625rem @sapTile_OverlayForegroundColor;
+	opacity: 0.6;
+	box-shadow : 0 0 0.125rem @sapContent_ShadowColor;
+	margin: 0 0.094rem;
 }
 
 .sapMSTBulleted > span.sapMSTActive {
-	background-color: @sapUiContentContrastIconColor;
-	box-shadow: 0 0 0.25rem fade(@sapUiContentShadowColor, 25);
+	background: @sapTile_OverlayForegroundColor;
+	box-shadow: 0 0 0.063rem @sapContent_ShadowColor;
 }
 
 .sapMST {
-	border-radius: @sapElement_BorderCornerRadius;
+	border-radius: @sapTile_BorderCornerRadius;
 	border-color: @sapTile_BorderColor;
+	box-shadow: @sapContent_Shadow0;
+	background: @sapTile_Background;
+	overflow: hidden;
 }
 
 .sapMST.TwoByOne {
@@ -53,22 +66,21 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
 }
 
 .sapMST .sapMSTIconDisplayArea {
-	background-color: darken(@sapUiBrand, 18);
+	background-color: @sapBlockLayer_Background;
 }
-
-.sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
-	background-color: @sapUiBrand;
+.sapMST.sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea{
+	opacity: 0.8;
 }
 
 .sapMST .sapMSTIconNestedArea {
 	text-shadow: 0px 1px @sapUiButtonEmphasizedTextShadow;
 }
 
-html.sap-desktop .sapMST:focus .sapMSTFocusDiv,
-html.sap-desktop .sapMST:active .sapMSTFocusDiv {
-	border: none;
-	border-radius: @sapElement_BorderCornerRadius;
-	box-shadow: inset 0 0 0 0.063rem @sapContent_ContrastFocusColor, 0 0 0 @sapContent_FocusWidth @sapContent_FocusColor;
+html.sap-desktop .sapMST:focus .sapMSTFocusDiv {
+	border-radius: @sapTile_BorderCornerRadius;
+	box-shadow: none;
+	border: 2px solid @sapContent_FocusColor;
+	inset: 0;
 }
 
 html.sap-desktop .sapMST:focus .sapMSTFocusDiv:after,
@@ -78,10 +90,33 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
 }
 
 html.sap-desktop .sapMST:hover {
-	box-shadow: @sapContent_Shadow1 !important;;
+	box-shadow: @sapContent_Shadow2 !important;
 
 	.sapMGT:hover {
 		box-shadow: none !important;
+		opacity: 0.9;
+	}
+
+}
+
+html.sap-desktop .sapMST:active{
+	.sapMGT{
+		opacity: 0.8;
+	}
+}
+
+.sapMST{
+	.sapMGT.OneByOne,.sapMGT.TwoByOne{
+		.sapMTileCnt.News {
+			border-bottom-left-radius: 0;
+			border-bottom-right-radius: 0;
+		}
 	}
+}
 
+.sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea{
+	.sapUiIcon {
+		top: 0rem;
+		left: 0.15rem;
+	}
 }