@openui5/sap.ui.layout 1.101.0 → 1.103.0

package/src/sap/ui/layout/form/ColumnElementData.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.LayoutData
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/form/ColumnLayout.js

@@ -60,7 +60,7 @@ sap.ui.define([
 	 * This control cannot be used stand-alone, it just renders a <code>Form</code> control,
 	 * so it must be assigned to a <code>Form</code> control using the <code>layout</code> aggregation.
 	 * @extends sap.ui.layout.form.FormLayout
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/form/Form.js

@@ -44,7 +44,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public
@@ -246,7 +246,7 @@ sap.ui.define([
 	 * If the <code>FormContainer</code> has a DOM representation this function returns it,
 	 * independent from the ID of this DOM element
 	 * @param {sap.ui.layout.form.FormContainer} oContainer <code>FormContainer</code>
-	 * @return {Element} The Element's DOM representation or null
+	 * @return {Element|null} The Element's DOM representation or null
 	 * @private
 	 */
 	Form.prototype.getContainerRenderedDomRef = function(oContainer) {
@@ -265,7 +265,7 @@ sap.ui.define([
 	 * If the <code>FormElement</code> has a DOM representation this function returns it,
 	 * independent from the ID of this DOM element
 	 * @param {sap.ui.layout.form.FormElement} oElement <code>FormElement</code>
-	 * @return {Element} The Element's DOM representation or null
+	 * @return {Element|null} The Element's DOM representation or null
 	 * @private
 	 */
 	Form.prototype.getElementRenderedDomRef = function(oElement) {

package/src/sap/ui/layout/form/FormContainer.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public
@@ -241,7 +241,7 @@ sap.ui.define([
 	 * As Elements must not have a DOM reference it is not sure if one exists
 	 * If the FormContainer has a DOM representation this function returns it,
 	 * independent from the ID of this DOM element
-	 * @return {Element} The Element's DOM representation or null
+	 * @return {Element|null} The Element's DOM representation or null
 	 * @private
 	 */
 	FormContainer.prototype.getRenderedDomRef = function(){
@@ -262,7 +262,7 @@ sap.ui.define([
 	 * If the FormElement has a DOM representation this function returns it,
 	 * independent from the ID of this DOM element
 	 * @param {sap.ui.layout.form.FormElement} oElement FormElement
-	 * @return {Element} The Element's DOM representation or null
+	 * @return {Element|null} The Element's DOM representation or null
 	 * @private
 	 */
 	FormContainer.prototype.getElementRenderedDomRef = function(oElement){

package/src/sap/ui/layout/form/FormElement.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public
@@ -290,7 +290,7 @@ sap.ui.define([
 	 * As Elements must not have a DOM reference it is not sure if one exists
 	 * If the FormElement has a DOM representation this function returns it,
 	 * independent from the ID of this DOM element
-	 * @return {Element} The Element's DOM representation or null
+	 * @return {Element|null} The Element's DOM representation or null
 	 * @private
 	 */
 	FormElement.prototype.getRenderedDomRef = function(){

package/src/sap/ui/layout/form/FormLayout.js

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public
@@ -895,7 +895,7 @@ sap.ui.define([
 	 * As Elements must not have a DOM reference it is not sure if one exists
 	 * In this basic <code>FormLayout</code> each <code>FormContainer</code> has its own DOM.
 	 * @param {sap.ui.layout.form.FormContainer} oContainer <code>FormContainer</code>
-	 * @return {Element} The Element's DOM representation or null
+	 * @return {Element|null} The Element's DOM representation or null
 	 * @private
 	 */
 	FormLayout.prototype.getContainerRenderedDomRef = function(oContainer) {

package/src/sap/ui/layout/form/GridContainerData.js

@@ -22,7 +22,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.LayoutData
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/form/GridElementData.js

@@ -22,7 +22,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.LayoutData
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/form/GridLayout.js

@@ -28,7 +28,7 @@ sap.ui.define(['sap/ui/layout/library', './FormLayout', './GridLayoutRenderer'],
 	 * @extends sap.ui.layout.form.FormLayout
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public
@@ -202,7 +202,7 @@ sap.ui.define(['sap/ui/layout/library', './FormLayout', './GridLayoutRenderer'],
 	 * In <code>GridLayout</code> a <code>FormContainer</code> can't have a surrounding DOM element,
 	 * so it always returns null
 	 * @param {sap.ui.layout.form.FormContainer} oContainer <code>FormContainer</code>
-	 * @return {Element} The Element's DOM representation or null
+	 * @return {Element|null} The Element's DOM representation or null
 	 * @private
 	 */
 	GridLayout.prototype.getContainerRenderedDomRef = function(oContainer) {

package/src/sap/ui/layout/form/ResponsiveGridLayout.js

@@ -53,7 +53,7 @@ sap.ui.define([
 	 *
 	 * This control cannot be used stand-alone, it just renders a <code>Form</code>, so it must be assigned to a <code>Form</code> using the <code>layout</code> aggregation.
 	 * @extends sap.ui.layout.form.FormLayout
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public
@@ -415,7 +415,7 @@ sap.ui.define([
 	 * In this case, the panel's DOM reference is returned, otherwise the DOM reference
 	 * of the <code>Grid</code> rendering the container's content.
 	 * @param {sap.ui.layout.form.FormContainer} oContainer <code>FormContainer</code>
-	 * @return {Element} The Element's DOM representation or null
+	 * @return {Element|null} The Element's DOM representation or null
 	 * @private
 	 */
 	ResponsiveGridLayout.prototype.getContainerRenderedDomRef = function(oContainer) {
@@ -443,7 +443,7 @@ sap.ui.define([
 	 * In this Layout a <code>FormElement</code> has no DOM representation,
 	 * so null will always be returned
 	 * @param {sap.ui.layout.form.FormElement} oElement <code>FormElement</code>
-	 * @return {Element} The Element's DOM representation or null
+	 * @return {Element|null} The Element's DOM representation or null
 	 * @private
 	 */
 	ResponsiveGridLayout.prototype.getElementRenderedDomRef = function(oElement) {

package/src/sap/ui/layout/form/ResponsiveLayout.js

@@ -50,7 +50,7 @@ sap.ui.define([
 	 * @extends sap.ui.layout.form.FormLayout
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public
@@ -312,7 +312,7 @@ sap.ui.define([
 	 * In this case, the panel's DOM reference is returned, otherwise the DOM reference
 	 * of the <code>ResponsiveFlowLayout</code> rendering the container's content.
 	 * @param {sap.ui.layout.form.FormContainer} oContainer <code>FormContainer</code>
-	 * @return {Element} The Element's DOM representation or null
+	 * @return {Element|null} The Element's DOM representation or null
 	 * @private
 	 */
 	ResponsiveLayout.prototype.getContainerRenderedDomRef = function(oContainer) {
@@ -340,7 +340,7 @@ sap.ui.define([
 	 * In this Layout each <code>FormElement</code> is represented by an own ResponsiveFlowLayout.
 	 * So the DOM of this <code>ResponsiveFlowLayout</code> is returned
 	 * @param {sap.ui.layout.form.FormElement} oElement <code>FormElement</code>
-	 * @return {Element} The Element's DOM representation or null
+	 * @return {Element|null} The Element's DOM representation or null
 	 * @private
 	 */
 	ResponsiveLayout.prototype.getElementRenderedDomRef = function(oElement) {

package/src/sap/ui/layout/form/SemanticFormElement.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.ui.layout.form.FormElement
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/form/SimpleForm.js

@@ -67,7 +67,7 @@ sap.ui.define([
 	 * <b>Note:</b> If a more complex form is needed, use the <code>{@link sap.ui.layout.form.Form Form}</code> control instead.
 	 *
 	 * @extends sap.ui.core.Control
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/layout/library.js

@@ -20,13 +20,13 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.layout
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 * @since 1.15
 	 * @public
 	 */
 	var thisLib = sap.ui.getCore().initLibrary({
 		name : "sap.ui.layout",
-		version: "1.101.0",
+		version: "1.103.0",
 		dependencies: ["sap.ui.core"],
 		designtime: "sap/ui/layout/designtime/library.designtime",
 		types: [
@@ -494,13 +494,13 @@ sap.ui.define([
 			 */
 			ShadeD: "ShadeD",
 			/**
-			 * Shade E - available only for Fiori 3 theme
+			 * Shade E - available only for SAP Quartz and Horizon themes
 			 *
 			 * @public
 			 */
 			ShadeE: "ShadeE",
 			/**
-			 * Shade F - available only for Fiori 3 theme
+			 * Shade F - available only for SAP Quartz and Horizon themes
 			 *
 			 * @public
 			 */

package/src/sap/ui/layout/rules/Form.support.js

@@ -50,19 +50,19 @@ sap.ui.define(["sap/ui/support/library", "sap/ui/layout/library"],
 		resolution: "Use the ResponsiveGridLayout or ColumnLayout instead",
 		resolutionurls: [{
 				text: "API Reference: Form",
-				href: "https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.Form"
+				href: "https://openui5.hana.ondemand.com/api/sap.ui.layout.form.Form"
 			},
 			{
 				text: "API Reference: SimpleForm",
-				href: "https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.SimpleForm"
+				href: "https://openui5.hana.ondemand.com/api/sap.ui.layout.form.SimpleForm"
 			},
 			{
 				text: "API Reference: ResponsiveGridLayout",
-				href: "https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.ResponsiveGridLayout"
+				href: "https://openui5.hana.ondemand.com/api/sap.ui.layout.form.ResponsiveGridLayout"
 			},
 			{
 				text: "API Reference: ColumnLayout",
-				href: "https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.ColumnLayout"
+				href: "https://openui5.hana.ondemand.com/api/sap.ui.layout.form.ColumnLayout"
 			}],
 		check: function (oIssueManager, oCoreFacade, oScope) {
 			oScope.getElementsByClassName("sap.ui.layout.form.Form")
@@ -122,15 +122,15 @@ sap.ui.define(["sap/ui/support/library", "sap/ui/layout/library"],
 		resolution: "Use either Title or a Toolbar",
 		resolutionurls: [{
 				text: "API Reference: Form",
-				href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.Form"
+				href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.Form"
 			},
 			{
 				text: "API Reference: SimpleForm",
-				href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.SimpleForm"
+				href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.SimpleForm"
 			},
 			{
 				text: "API Reference: FormContainer",
-				href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.FormContainer"
+				href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.FormContainer"
 			}],
 		check: function (oIssueManager, oCoreFacade, oScope) {
 			oScope.getElementsByClassName("sap.ui.layout.form.Form")
@@ -167,15 +167,15 @@ sap.ui.define(["sap/ui/support/library", "sap/ui/layout/library"],
 		resolution: "Set a Title on Form or FormContainer or assign it via AriaLabelledBy",
 		resolutionurls: [{
 				text: "API Reference: Form",
-				href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.Form"
+				href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.Form"
 			},
 			{
 				text: "API Reference: SimpleForm",
-				href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.SimpleForm"
+				href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.SimpleForm"
 			},
 			{
 				text: "API Reference: FormContainer",
-				href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.FormContainer"
+				href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.FormContainer"
 			}],
 		check: function (oIssueManager, oCoreFacade, oScope) {
 			oScope.getElementsByClassName("sap.ui.layout.form.FormContainer")
@@ -240,19 +240,19 @@ sap.ui.define(["sap/ui/support/library", "sap/ui/layout/library"],
 		resolution: "Use only labels and controls implementing interface sap.ui.core.IFormContent as content of a Form",
 		resolutionurls: [{
 				text: "API Reference: Form",
-				href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.Form"
+				href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.Form"
 			},
 			{
 				text: "API Reference: SimpleForm",
-				href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.SimpleForm"
+				href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.SimpleForm"
 			},
 			{
 				text: "API Reference: FormElement",
-				href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.FormElement"
+				href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.FormElement"
 			},
 			{
 				text: "API Reference: IFormContent",
-				href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.core.IFormContent"
+				href:"https://openui5.hana.ondemand.com/api/sap.ui.core.IFormContent"
 			}],
 		check: function (oIssueManager, oCoreFacade, oScope) {
 			oScope.getElementsByClassName("sap.ui.layout.form.Form")
@@ -360,15 +360,15 @@ sap.ui.define(["sap/ui/support/library", "sap/ui/layout/library"],
 		resolution: "Set the Title used inside the Toolbar to AriaLabelledBy of the Form or FormContainer.",
 		resolutionurls: [{
 				text: "API Reference: Form",
-				href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.Form"
+				href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.Form"
 			},
 			{
 				text: "API Reference: SimpleForm",
-				href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.SimpleForm"
+				href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.SimpleForm"
 			},
 			{
 				text: "API Reference: FormContainer",
-				href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.FormContainer"
+				href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.FormContainer"
 			}],
 		check: function (oIssueManager, oCoreFacade, oScope) {
 			oScope.getElementsByClassName("sap.ui.layout.form.Form")
@@ -408,7 +408,7 @@ sap.ui.define(["sap/ui/support/library", "sap/ui/layout/library"],
 		resolution: "Use only properties that are valid for the layout used",
 		resolutionurls: [{
 			text: "API Reference: SimpleForm",
-			href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.SimpleForm"
+			href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.SimpleForm"
 		}],
 		check: function (oIssueManager, oCoreFacade, oScope) {
 			oScope.getElementsByClassName("sap.ui.layout.form.SimpleForm")
@@ -477,15 +477,15 @@ sap.ui.define(["sap/ui/support/library", "sap/ui/layout/library"],
 		resolution: "Set the editable property according to the content of the Form.",
 		resolutionurls: [{
 			text: "API Reference: Form",
-			href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.Form"
+			href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.Form"
 		},
 		{
 			text: "API Reference: SimpleForm",
-			href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.SimpleForm"
+			href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.SimpleForm"
 		},
 		{
 			text: "API Reference: FormElement",
-			href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.FormElement"
+			href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.FormElement"
 		}],
 		check: function (oIssueManager, oCoreFacade, oScope) {
 			oScope.getElementsByClassName("sap.ui.layout.form.Form")
@@ -679,11 +679,11 @@ sap.ui.define(["sap/ui/support/library", "sap/ui/layout/library"],
 		resolution: "Use only valid LayoutData that are suitable for the layout used",
 		resolutionurls: [{
 			text: "API Reference: ResponsiveGridLayout",
-			href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.ResponsiveGridLayout"
+			href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.ResponsiveGridLayout"
 		},
 		{
 			text: "API Reference: ResponsiveLayout",
-			href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.ResponsiveLayout"
+			href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.ResponsiveLayout"
 		}],
 		check: function (oIssueManager, oCoreFacade, oScope) {
 			oScope.getElementsByClassName("sap.ui.layout.form.Form")
@@ -740,15 +740,15 @@ sap.ui.define(["sap/ui/support/library", "sap/ui/layout/library"],
 		resolution: "Assign a label to the field",
 		resolutionurls: [{
 			text: "API Reference: Form",
-			href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.Form"
+			href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.Form"
 		},
 		{
 			text: "API Reference: SimpleForm",
-			href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.SimpleForm"
+			href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.SimpleForm"
 		},
 		{
 			text: "API Reference: FormElement",
-			href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.FormElement"
+			href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.FormElement"
 		}],
 		check: function (oIssueManager, oCoreFacade, oScope) {
 			oScope.getElementsByClassName("sap.ui.layout.form.Form")
@@ -816,11 +816,11 @@ sap.ui.define(["sap/ui/support/library", "sap/ui/layout/library"],
 		resolution: "Use Labels only in the Label aggregation",
 		resolutionurls: [{
 			text: "API Reference: Form",
-			href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.Form"
+			href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.Form"
 		},
 		{
 			text: "API Reference: FormElement",
-			href:"https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.FormElement"
+			href:"https://openui5.hana.ondemand.com/api/sap.ui.layout.form.FormElement"
 		}],
 		check: function (oIssueManager, oCoreFacade, oScope) {
 			oScope.getElementsByClassName("sap.ui.layout.form.Form")
@@ -878,19 +878,19 @@ sap.ui.define(["sap/ui/support/library", "sap/ui/layout/library"],
 			resolution: "Use the ResponsiveGridLayout or ColumnLayout instead",
 			resolutionurls: [{
 					text: "API Reference: Form",
-					href: "https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.Form"
+					href: "https://openui5.hana.ondemand.com/api/sap.ui.layout.form.Form"
 				},
 				{
 					text: "API Reference: SimpleForm",
-					href: "https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.SimpleForm"
+					href: "https://openui5.hana.ondemand.com/api/sap.ui.layout.form.SimpleForm"
 				},
 				{
 					text: "API Reference: ResponsiveGridLayout",
-					href: "https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.ResponsiveGridLayout"
+					href: "https://openui5.hana.ondemand.com/api/sap.ui.layout.form.ResponsiveGridLayout"
 				},
 				{
 					text: "API Reference: ColumnLayout",
-					href: "https://sapui5.hana.ondemand.com/#/api/sap.ui.layout.form.ColumnLayout"
+					href: "https://openui5.hana.ondemand.com/api/sap.ui.layout.form.ColumnLayout"
 				}],
 			check: function (oIssueManager, oCoreFacade, oScope) {
 				oScope.getElementsByClassName("sap.ui.layout.form.Form")

package/src/sap/ui/layout/themes/base/BlockLayout.less

@@ -8,11 +8,13 @@
 @_sap_ui_layout_BlockLayout_BackgroundDashboardMargin: 0.25rem;
 @_sap_ui_layout_BlockLayout_BackgroundDashboardEdgeChildMargin: 0.5rem;
 @_sap_ui_layout_BlockLayout_BackgroundDashboardAfterScrollbarMargin: 0.375rem;
-
-@_sap_ui_layout_BlockLayout_LinkTextShadow: @sapUiShadowText;
-
 @_sap_ui_layout_BlockLayout_BackgroundDashboardColor: @sapUiContentForegroundTextColor;
 @_sap_ui_layout_BlockLayout_BackgroundDashboardBorderRadius: 0;
+@_sap_ui_layout_BlockLayout_BackgroundDashboardCellShadow: @sapUiShadowLevel0;
+@_sap_ui_layout_BlockLayout_BackgroundDashboardCellShadowOffset: 0;
+
+@_sap_ui_layout_BlockLayout_LinkTextShadow: @sapUiShadowText;
+@_sap_ui_layout_BlockLayout_CellTextColor: @sapUiContentForegroundTextColor;
 
 .setCellsColorDoubles (@evenCell, @oddCell) {
 	// Match every even cell
@@ -36,7 +38,7 @@
 	font-family: @sapUiFontFamily;
 	font-weight: normal;
 	font-size: 0.875rem;
-	color: @sapUiContentForegroundTextColor;
+	color: @_sap_ui_layout_BlockLayout_CellTextColor;
 	padding: 1rem;
 
 	> .sapUiIcon {
@@ -129,11 +131,15 @@
 	.sapUiBlockLayoutCell {
 		font-weight: normal;
 		color: @_sap_ui_layout_BlockLayout_BackgroundDashboardColor;
+
+		// use padding and negative margin to display box-shadow outside of the cell, because it has overflow: hidden
+		padding: @_sap_ui_layout_BlockLayout_BackgroundDashboardCellShadowOffset;
+		margin: -@_sap_ui_layout_BlockLayout_BackgroundDashboardCellShadowOffset;
 	}
 
 	.sapUiBlockCellContent {
 		background-color: @sapUiGroupContentBackground;
-		box-shadow: @sapUiShadowLevel0;
+		box-shadow: @_sap_ui_layout_BlockLayout_BackgroundDashboardCellShadow;
 		margin: @_sap_ui_layout_BlockLayout_BackgroundDashboardMargin;
 		border-radius: @_sap_ui_layout_BlockLayout_BackgroundDashboardBorderRadius;
 	}
@@ -146,19 +152,44 @@
 	}
 
 	&:not(.sapUiBlockLayoutSizeS) {
-		.sapUiBlockLayoutCell:first-of-type .sapUiBlockCellContent {
-			margin-left: @_sap_ui_layout_BlockLayout_BackgroundDashboardEdgeChildMargin; // Adjust first cell in a row with 0.5rem on the left
+		.sapUiBlockLayoutCell:first-of-type {
+			margin-left: 0;
+			padding-left: 0;
+
+			.sapUiBlockCellContent {
+				margin-left: @_sap_ui_layout_BlockLayout_BackgroundDashboardEdgeChildMargin; // Adjust first cell in a row with 0.5rem on the left
+			}
 		}
-		.sapUiBlockLayoutCell:last-of-type .sapUiBlockCellContent {
-			margin-right: @_sap_ui_layout_BlockLayout_BackgroundDashboardEdgeChildMargin; // Adjust last cell in a row with 0.5rem on the right
+
+		.sapUiBlockLayoutCell:last-of-type {
+			margin-right: 0;
+			padding-right: 0;
+
+			.sapUiBlockCellContent {
+				margin-right: @_sap_ui_layout_BlockLayout_BackgroundDashboardEdgeChildMargin; // Adjust last cell in a row with 0.5rem on the right
+			}
 		}
 
-		.sapUiBlockLayoutRow:first-of-type .sapUiBlockCellContent {
-			margin-top: @_sap_ui_layout_BlockLayout_BackgroundDashboardEdgeChildMargin; // Adjust spacing at the top for all cells in the first row
+		.sapUiBlockLayoutRow:first-of-type {
+			.sapUiBlockLayoutCell {
+				margin-top: 0;
+				padding-top: 0;
+			}
+
+			.sapUiBlockCellContent {
+				margin-top: @_sap_ui_layout_BlockLayout_BackgroundDashboardEdgeChildMargin; // Adjust spacing at the top for all cells in the first row
+			}	
 		}
 
-		.sapUiBlockLayoutRow:last-of-type .sapUiBlockCellContent {
-			margin-bottom: @_sap_ui_layout_BlockLayout_BackgroundDashboardEdgeChildMargin; // Adjust spacing at the bottom for all cells in the last row
+		.sapUiBlockLayoutRow:last-of-type {
+			.sapUiBlockLayoutCell {
+				margin-bottom: 0;
+				padding-bottom: 0;
+			}
+
+			.sapUiBlockCellContent {
+				margin-bottom: @_sap_ui_layout_BlockLayout_BackgroundDashboardEdgeChildMargin; // Adjust spacing at the bottom for all cells in the last row
+			}
 		}
 	}
 
@@ -170,12 +201,26 @@
 			margin-right: 0.5rem;
 		}
 
-		.sapUiBlockLayoutRow:first-of-type .sapUiBlockLayoutCell:first-of-type .sapUiBlockCellContent {
-			margin-top: 0.5rem; // Add 0.5rem spacing for the first cell in the first row
+		.sapUiBlockLayoutRow:first-of-type {
+			.sapUiBlockLayoutCell {
+				margin-top: 0;
+				padding-top: 0;
+
+				&:first-of-type .sapUiBlockCellContent {
+					margin-top: 0.5rem; // Add 0.5rem spacing for the first cell in the first row
+				}
+			}
 		}
 
-		.sapUiBlockLayoutRow:last-of-type .sapUiBlockLayoutCell:last-of-type .sapUiBlockCellContent {
-			margin-bottom: 0.5rem; // Add 0.5rem spacing for the last cell in the last row
+		.sapUiBlockLayoutRow:last-of-type {
+			.sapUiBlockLayoutCell {
+				margin-bottom: 0;
+				padding-bottom: 0;
+	
+				&:last-of-type .sapUiBlockCellContent {
+					margin-bottom: 0.5rem; // Add 0.5rem spacing for the last cell in the last row
+				}
+			}
 		}
 	}
 }

package/src/sap/ui/layout/themes/base/BlockLayoutCell.less

@@ -6,8 +6,6 @@
 @_sap_ui_layout_BlockLayoutCell_background: transparent;
 
 .sapUiBlockLayoutCell {
-	display: -webkit-box;
-	display: -webkit-flex;
 	display: flex;
 	overflow: hidden;
 }

package/src/sap/ui/layout/themes/base/BlockLayoutRow.less

@@ -4,15 +4,12 @@
 /* ============================================= */
 
 .sapUiBlockScrollingRow {
-	display: -webkit-box;
-	display: -webkit-flex;
 	display: flex;
-	-webkit-flex-wrap: nowrap;
 	flex-wrap: nowrap;
-	overflow: auto;
+	overflow-x: auto;
+	overflow-y: hidden;
 
 	.sapUiBlockScrollableCell {
-		-webkit-flex-shrink: 0;
 		flex-shrink: 0;
 		width: 40%;
 	}

package/src/sap/ui/layout/themes/base/ResponsiveSplitter.less

@@ -7,6 +7,9 @@
 @_sap_ui_layout_ResponsiveSplitter_PaginatorButtonWidth: 2.5rem;
 @_sap_ui_layout_ResponsiveSplitter_PaginatorButtonHeight: 2.375rem;
 @_sap_ui_layout_ResponsiveSplitter_PaginatorButtonFocusBorderRadius: unset;
+@_sap_ui_layout_ResponsiveSplitter_PaginatorSelectedButton: @sapUiContentIconColor;
+@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonActive: @sapUiContentContrastIconColor;
+@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonHoverShadow: none;
 
 .sapUiResponsiveSplitter {
 	width: 100%;
@@ -84,6 +87,7 @@
 
 	&:hover {
 		background-color: @sapUiButtonLiteHoverBackground;
+		box-shadow: @_sap_ui_layout_ResponsiveSplitter_PaginatorButtonHoverShadow;
 
 		&::after {
 			background-color: @sapUiContentNonInteractiveIconColor;
@@ -94,14 +98,14 @@
 		background-color: @sapUiButtonLiteActiveBackground;
 
 		&::after {
-			background-color: @sapUiContentContrastIconColor;
+			background-color: @_sap_ui_layout_ResponsiveSplitter_PaginatorButtonActive;
 		}
 	}
 }
 
 .sapUiResponsiveSplitterPaginatorSelectedButton {
 	&::after {
-		background-color: @sapUiContentIconColor;
+		background-color: @_sap_ui_layout_ResponsiveSplitter_PaginatorSelectedButton;
 		width: 0.5rem;
 		height: 0.5rem;
 		margin-top: 0.875rem;
@@ -109,7 +113,7 @@
 
 	&:hover {
 		&::after {
-			background-color: @sapUiContentIconColor;
+			background-color: @_sap_ui_layout_ResponsiveSplitter_PaginatorSelectedButton;
 		}
 	}
 }