npm - @openui5/themelib_sap_horizon - Versions diffs - 1.136.3 → 1.139.0 - Mend

@openui5/themelib_sap_horizon 1.136.3 → 1.139.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (98) hide show

package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less CHANGED Viewed

@@ -15,8 +15,8 @@
 }
 .sapUxAPObjectPageLayout-Std-Desktop .sapUxAPObjectPageSubSectionHeader {
-	padding-left: 2rem;
-	padding-right: 2rem;
+	padding-left: 1rem;
+	padding-right: 1.25rem;
 }
 .sapUiSizeCompact .sapUxAPObjectPageSectionHeader,
@@ -71,10 +71,18 @@
     border-radius: @sapUiElementBorderCornerRadius;
 }
-// Page Section Focus - Experimental
-.sapUxAPObjectPageSection:focus {
-	outline: 2px solid @sapUiContentFocusColor;
-    outline-offset: -0.1875rem;
+// Page Section Focus
+.sapUxAPObjectPageSection:focus::before {
+	content: '';
+	position: absolute;
+	display: block;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	z-index: 6;
+	pointer-events: none;
 }
 // Styles suporting Table inside ObjectPageSubSection scenario

package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less CHANGED Viewed

@@ -34,10 +34,15 @@
 // Delta Styles for Horizon
 // =====================================
-// Page Sub Section Focus - Experimental
-.sapUxAPObjectPageSubSectionFocusable:focus {
-	outline: 2px solid @sapUiContentFocusColor;
-    outline-offset: -0.1875rem;
+// Page Sub Section Focus
+.sapUxAPObjectPageSubSectionFocusable:focus .sapUxAPObjectPageSubSectionFocusSpan {
+	content: '';
+	position: absolute;
+	display: block;
+	inset: 0;
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	z-index: 6;
+	pointer-events: none;
 }
 .sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSection .sapUiRespGrid.sapUiRespGridHSpace1 {
@@ -68,4 +73,4 @@ div[class^="sapUiRespGrid"]:first-child > .sapUxAPObjectPageSubSection:not(.sapU
 .sapUxAPBlockContainer .sapUxAPObjectPageSubSectionAlignContent {
 	padding: 0 1rem;
-}
+}

package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less CHANGED Viewed

@@ -15,8 +15,8 @@
 }
 .sapUxAPObjectPageLayout-Std-Desktop .sapUxAPObjectPageSubSectionHeader {
-	padding-left: 2rem;
-	padding-right: 2rem;
+	padding-left: 1rem;
+	padding-right: 1.25rem;
 }
 .sapUiSizeCompact .sapUxAPObjectPageSectionHeader,
@@ -77,10 +77,18 @@
     border-radius: @sapUiElementBorderCornerRadius;
 }
-// Page Section Focus - Experimental
-.sapUxAPObjectPageSection:focus {
-	outline: 2px solid @sapUiContentFocusColor;
-    outline-offset: -0.1875rem;
+// Page Section Focus
+.sapUxAPObjectPageSection:focus::before {
+	content: '';
+	position: absolute;
+	display: block;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	z-index: 6;
+	pointer-events: none;
 }
 .sapUiSizeCompact .sapUxAPObjectPageSectionTitle {

package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less CHANGED Viewed

@@ -45,10 +45,15 @@
 // Delta Styles for Horizon
 // =====================================
-// Page Sub Section Focus - Experimental
-.sapUxAPObjectPageSubSectionFocusable:focus {
-    outline: 2px solid @sapUiContentFocusColor;
-    outline-offset: -0.1875rem;
+// Page Sub Section Focus
+.sapUxAPObjectPageSubSectionFocusable:focus .sapUxAPObjectPageSubSectionFocusSpan {
+	content: '';
+	position: absolute;
+	display: block;
+	inset: 0;
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	z-index: 6;
+	pointer-events: none;
 }
 .sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSection .sapUiRespGrid.sapUiRespGridHSpace1 {
@@ -79,4 +84,4 @@ div[class^="sapUiRespGrid"]:first-child > .sapUxAPObjectPageSubSection:not(.sapU
 .sapUxAPBlockContainer .sapUxAPObjectPageSubSectionAlignContent {
 	padding: 0 1rem;
-}
+}

package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSection.less CHANGED Viewed

@@ -15,8 +15,8 @@
 }
 .sapUxAPObjectPageLayout-Std-Desktop .sapUxAPObjectPageSubSectionHeader {
-	padding-left: 2rem;
-	padding-right: 2rem;
+	padding-left: 1rem;
+	padding-right: 1.25rem;
 }
 .sapUxAPObjectPageSection {
@@ -39,9 +39,18 @@
 	line-height: 2.25rem;
 }
-.sapUxAPObjectPageSection:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-	outline-offset: -0.1875rem;
+// Page Section Focus
+.sapUxAPObjectPageSection:focus::before {
+	content: '';
+	position: absolute;
+	display: block;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	z-index: 6;
+	pointer-events: none;
 }
 .sapUxAPObjectPageSectionHeader,

package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSubSection.less CHANGED Viewed

@@ -7,9 +7,15 @@
 	text-transform: uppercase;
 }
-.sapUxAPObjectPageSubSectionFocusable:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-	outline-offset: -0.1875rem;
+// Page Sub Section Focus
+.sapUxAPObjectPageSubSectionFocusable:focus .sapUxAPObjectPageSubSectionFocusSpan {
+	content: '';
+	position: absolute;
+	display: block;
+	inset: 0;
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	z-index: 6;
+	pointer-events: none;
 }
 .sapUiSizeCompact .sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar,

package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSection.less CHANGED Viewed

@@ -15,8 +15,8 @@
 }
 .sapUxAPObjectPageLayout-Std-Desktop .sapUxAPObjectPageSubSectionHeader {
-	padding-left: 2rem;
-	padding-right: 2rem;
+	padding-left: 1rem;
+	padding-right: 1.25rem;
 }
 .sapUxAPObjectPageSection {
@@ -33,9 +33,18 @@
 	border-top: 0;
 }
-.sapUxAPObjectPageSection:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-	outline-offset: -0.1875rem;
+// Page Section Focus
+.sapUxAPObjectPageSection:focus::before {
+	content: '';
+	position: absolute;
+	display: block;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	z-index: 6;
+	pointer-events: none;
 }
 .sapUxAPObjectPageSectionHeader,

package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSubSection.less CHANGED Viewed

@@ -7,9 +7,15 @@
 	text-transform: uppercase;
 }
-.sapUxAPObjectPageSubSectionFocusable:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-	outline-offset: -0.1875rem;
+// Page Sub Section Focus
+.sapUxAPObjectPageSubSectionFocusable:focus .sapUxAPObjectPageSubSectionFocusSpan {
+	content: '';
+	position: absolute;
+	display: block;
+	inset: 0;
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	z-index: 6;
+	pointer-events: none;
 }
 .sapUiSizeCompact .sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar,

package/src/sap/f/themes/sap_horizon/ProductSwitchItem.less DELETED Viewed

@@ -1,4 +0,0 @@
-/* ======================================== */
-/* CSS for control sap.f/ProductSwitchItem  */
-/* Horizon theme                            */
-/* ======================================== */

package/src/sap/f/themes/sap_horizon_dark/ProductSwitchItem.less DELETED Viewed

@@ -1,4 +0,0 @@
-/* ======================================== */
-/* CSS for control sap.f/ProductSwitchItem  */
-/* Evening Horizon theme                    */
-/* ======================================== */

package/src/sap/f/themes/sap_horizon_hcb/ProductSwitchItem.less DELETED Viewed

@@ -1,8 +0,0 @@
-/* ==================================== */
-/* CSS for control sap.f.ProductSwitch  */
-/* Horizon High Contrast Black theme    */
-/* ==================================== */
-.sapFPSItemContainer {
-    box-shadow: @sapUiShadowLevel0;
-}

package/src/sap/f/themes/sap_horizon_hcw/ProductSwitchItem.less DELETED Viewed

@@ -1,8 +0,0 @@
-/* ==================================== */
-/* CSS for control sap.f.ProductSwitch  */
-/* Horizon High Contrast White theme    */
-/* ==================================== */
-.sapFPSItemContainer {
-    box-shadow: @sapUiShadowLevel0;
-}