@openui5/sap.f 1.133.2 → 1.135.0

package/src/sap/f/themes/base/GridContainer.less

@@ -1,16 +1,27 @@
-/* =================================== */
-/* CSS for control sap.f/GridContainer */
-/* Base theme                          */
-/* =================================== */
+/* ==================================== */
+/* CSS for control sap.f/GridContainer  */
+/* Base theme                           */
+/* ==================================== */
 
 @_sap_f_GridContainer_FocusBorderOffset: 0;
 
 .sapFGridContainer {
+
 	.sapFGridContainerDummyArea {
 		position: fixed;
 	}
 }
 
+.sapFGridContainerItemWrapper:focus::before {
+	content: '';
+	position: absolute;
+	inset: @_sap_f_GridContainer_FocusBorderOffset;
+	z-index: 1;
+	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	border-radius: var(--sapElement_BorderCornerRadius);
+	pointer-events: none;
+}
+
 .sapFGridContainerListUl {
 	position: relative;
 	display: grid;
@@ -37,19 +48,6 @@
 		}
 	}
 
-	.sapFGridContainerItemWrapper:not(.sapFGridContainerItemWrapperNoVisualFocus):focus::before {
-		content: '';
-		position: absolute;
-		left: @_sap_f_GridContainer_FocusBorderOffset;
-		bottom: @_sap_f_GridContainer_FocusBorderOffset;
-		right: @_sap_f_GridContainer_FocusBorderOffset;
-		top: @_sap_f_GridContainer_FocusBorderOffset;
-		z-index: 1;
-		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-		pointer-events: none;
-
-	}
-
 	.sapFGridContainerItemWrapper {
 		position: relative;
 	}
@@ -57,4 +55,4 @@
 	.sapUiIntCard.sapUiIntCardAnalytical {
 		min-height: 100%;
 	}
-}
+}

package/src/sap/f/themes/base/GridListItem.less

@@ -3,22 +3,22 @@
 /* Base theme                          */
 /* =================================== */
 
-@_sap_f_GridListItem_HeaderBoxShadow: inset 0 -0.0625rem @sapUiPageHeaderBorderColor;
+@_sap_f_GridListItem_HeaderBoxShadow: inset 0 -0.0625rem var(--sapPageHeader_BorderColor);
 @_sap_f_GridListItem_Overflow: unset;
 @_sap_f_GridListItem_HeaderHeight: 3rem;
 @_sap_f_GridListItem_Compact_HeaderHeight: 2rem;
 @_sap_f_GridListItem_FocusedHighlightOffset: 0.125rem;
 @_sap_f_GridListItem_HighlightBorderRadius: 0.25rem;
-@_sap_f_GridListItem_FocusedHighlightBorderRadius: 0px;
+@_sap_f_GridListItem_FocusedHighlightBorderRadius: 0;
 
 .sapFGLI {
 	padding: 0;
-	border-radius: @sapUiTileBorderCornerRadius;
+	border-radius: var(--sapTile_BorderCornerRadius);
 	border: none;
-	box-shadow: @sapUiContentShadow0;
+	box-shadow: var(--sapContent_Shadow0);
 	overflow: @_sap_f_GridListItem_Overflow;
 
-	// Highlighted items
+	/* Highlighted items */
 	> .sapMLIBHighlight {
 		z-index: 1;
 		border-top-left-radius: @_sap_f_GridListItem_HighlightBorderRadius;
@@ -36,7 +36,7 @@
 		width: 100%;
 		height: 100%;
 
-		// Header Toolbar
+		/* Header Toolbar */
 		.sapFGLIToolbar {
 			height: @_sap_f_GridListItem_HeaderHeight;
 			box-shadow: @_sap_f_GridListItem_HeaderBoxShadow;
@@ -52,13 +52,13 @@
 				padding: 0;
 			}
 
-			// add spacing between the items, except for the first item
-			>:not(:first-child) {
+			/* add spacing between the items, except for the first item */
+			> :not(:first-child) {
 				margin: 0 0 0 0.5rem;
 			}
 		}
 
-		// Content
+		/* Content */
 		.sapMLIBContent {
 			height: 100%;;
 		}
@@ -83,13 +83,14 @@
 
 /* Interaction states */
 .sapFGLI {
+
 	&.sapMLIBHoverable:hover {
-		box-shadow: 0 0 0 0.0625rem @sapUiTileInteractiveBorderColor;
+		box-shadow: 0 0 0 0.0625rem var(--sapTile_Interactive_BorderColor);
 	}
 
 	&.sapMLIB.sapMLIBSelected {
 		border-bottom: none;
-		box-shadow: 0 0 0 0.125rem @sapUiListSelectionBorderColor;
+		box-shadow: 0 0 0 0.125rem var(--sapList_SelectionBorderColor);
 	}
 }
 
@@ -100,7 +101,7 @@
 		height: @_sap_f_GridListItem_Compact_HeaderHeight;
 	}
 
-	// Content
+	/* Content */
 	.sapMLIBContent {
 		height: 100%;;
 	}
@@ -108,4 +109,4 @@
 	.sapFGLIToolbar + .sapMLIBContent {
 		height: calc(100% ~"-" @_sap_f_GridListItem_Compact_HeaderHeight);
 	}
-}
+}

package/src/sap/f/themes/sap_hcb/base_Card.less

@@ -99,7 +99,7 @@ ui-integration-card.sapFCardTransparent > [data-sap-ui-area] > .sapFCard {
 	padding: @_sap_f_Card_ContentPadding;
 	display: flex;
 
-	.sapFCardHeaderWrapper {
+	.sapFCardHeaderMainPart {
 		outline: none;
 		display: flex;
 		min-width: 0;
@@ -259,7 +259,7 @@ ui-integration-card.sapFCardTransparent > [data-sap-ui-area] > .sapFCard {
 
 .sapFCard .sapFCardHeader.sapFCardNumericHeader {
 
-	.sapFCardHeaderContent {
+	.sapFCardHeaderMainPart {
 		outline: none;
 		min-width: 0; // fixes Chrome issue
 		flex: 1;
@@ -493,9 +493,7 @@ html[data-sap-ui-browser^="cr"] .sapFCard {
 	}
 }
 
-.sapFCardHeader:not(.sapFCardHeaderToolbarFocused):focus-within::before,
-.sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus > .sapFCard > .sapFCardHeader:not(.sapFCardHeaderToolbarFocused)::before, // focus inside Grid Container
-.sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus > .sapFCard.sapFCardNoHeader::before { // ... focus on a card without header
+.sapFCardHeader:not(.sapFCardHeaderToolbarFocused):focus-within::before { // ... focus on a card without header
 	content: '';
 	display: block;
 	position: absolute;
@@ -532,11 +530,6 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 
 .sapFCardHeader:not(.sapFCardHeaderToolbarFocused):focus-within::before,
 
-.sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus > .sapFCard.sapFCardNoHeader::before { // focus inside GridContainer on a card without header
-	bottom: 1px;
-	z-index: 1;
-}
-
 .sapUiSizeCompact {
 	.sapFCard .sapFCardContent {
 

package/src/sap/f/themes/sap_hcb/base_GridContainer.less

@@ -37,19 +37,6 @@
 		}
 	}
 
-	.sapFGridContainerItemWrapper:not(.sapFGridContainerItemWrapperNoVisualFocus):focus::before {
-		content: '';
-		position: absolute;
-		left: @_sap_f_GridContainer_FocusBorderOffset;
-		bottom: @_sap_f_GridContainer_FocusBorderOffset;
-		right: @_sap_f_GridContainer_FocusBorderOffset;
-		top: @_sap_f_GridContainer_FocusBorderOffset;
-		z-index: 1;
-		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-		pointer-events: none;
-
-	}
-
 	.sapFGridContainerItemWrapper {
 		position: relative;
 	}

package/LICENSES/LicenseRef-tzdata-PublicDomain.txt

@@ -1,5 +0,0 @@
-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.