@openui5/sap.f 1.132.1 → 1.134.0

package/src/sap/f/messagebundle_vi.properties

@@ -97,8 +97,6 @@ ARIA_LABEL_TOOLBAR_HEADER_ACTIONS=Ha\u0300nh \u0111\u00F4\u0323ng ti\u00EAu \u01
 
 ARIA_LABEL_TOOLBAR_FOOTER_ACTIONS=Ha\u0300nh \u0111\u00F4\u0323ng ch\u00E2n trang
 
-ARIA_HEADER_AVATAR_TEXT=A\u0309nh \u0111a\u0323i di\u00EA\u0323n
-
 SHELLBAR_CONTAINER_LABEL=Thanh vo\u0309
 
 SHELLBAR_LOGO_TOOLTIP=L\u00F4g\u00F4

package/src/sap/f/messagebundle_zh_CN.properties

@@ -97,8 +97,6 @@ ARIA_LABEL_TOOLBAR_HEADER_ACTIONS=\u62AC\u5934\u64CD\u4F5C
 
 ARIA_LABEL_TOOLBAR_FOOTER_ACTIONS=\u9875\u811A\u64CD\u4F5C
 
-ARIA_HEADER_AVATAR_TEXT=\u5934\u50CF
-
 SHELLBAR_CONTAINER_LABEL=\u5916\u58F3\u680F
 
 SHELLBAR_LOGO_TOOLTIP=\u5FBD\u6807

package/src/sap/f/messagebundle_zh_TW.properties

@@ -97,8 +97,6 @@ ARIA_LABEL_TOOLBAR_HEADER_ACTIONS=\u8868\u982D\u52D5\u4F5C
 
 ARIA_LABEL_TOOLBAR_FOOTER_ACTIONS=\u8868\u5C3E\u52D5\u4F5C
 
-ARIA_HEADER_AVATAR_TEXT=\u865B\u64EC\u500B\u4EBA\u982D\u50CF
-
 SHELLBAR_CONTAINER_LABEL=Shell \u8868\u982D\u5217
 
 SHELLBAR_LOGO_TOOLTIP=\u5546\u6A19

package/src/sap/f/semantic/AddAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/CloseAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/CopyAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/DeleteAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/DiscussInJamAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/EditAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/ExitFullScreenAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/FavoriteAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['./SemanticToggleButton'], function(SemanticToggleButton) {
 	* @extends sap.f.semantic.SemanticToggleButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/FlagAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['./SemanticToggleButton'], function(SemanticToggleButton) {
 	* @extends sap.f.semantic.SemanticToggleButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/FooterMainAction.js

@@ -19,7 +19,7 @@ sap.ui.define(["./MainAction"], function(MainAction) {
 	* @extends sap.f.semantic.MainAction
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/FullScreenAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/MainAction.js

@@ -18,7 +18,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/MessagesIndicator.js

@@ -19,7 +19,7 @@ sap.ui.define(['./SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/NegativeAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/PositiveAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/PrintAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/SemanticButton.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	* @abstract
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/SemanticConfiguration.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	* @class
 	* Defines the visual properties and placement for each supported semantic type.
 	*
-	* @version 1.132.1
+	* @version 1.134.0
 	* @private
 	* @since 1.46.0
 	* @alias sap.f.semantic.SemanticConfiguration

package/src/sap/f/semantic/SemanticControl.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	* @abstract
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/SemanticPage.js

@@ -101,7 +101,7 @@ sap.ui.define([
 	* @extends sap.ui.core.Control
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/SemanticToggleButton.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	* @abstract
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/SendEmailAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/SendMessageAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/ShareInJamAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/f/semantic/SemanticButton'], function(SemanticButton) {
 	* @extends sap.f.semantic.SemanticButton
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/semantic/TitleMainAction.js

@@ -19,7 +19,7 @@ sap.ui.define(["./MainAction"], function(MainAction) {
 	* @extends sap.f.semantic.MainAction
 	*
 	* @author SAP SE
-	* @version 1.132.1
+	* @version 1.134.0
 	*
 	* @constructor
 	* @public

package/src/sap/f/shellBar/AdditionalContentSupport.js

@@ -22,7 +22,7 @@ sap.ui.define([
 
 		/**
 		 * @author SAP SE
-		 * @version 1.132.1
+		 * @version 1.134.0
 		 *
 		 * @private
 		 * @since 1.64

package/src/sap/f/shellBar/CoPilot.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.132.1
+	 * @version 1.134.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/shellBar/ControlSpacer.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/core/Control', 'sap/f/shellBar/ControlSpacerRenderer'],
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.132.1
+	 * @version 1.134.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/shellBar/Factory.js

@@ -172,7 +172,13 @@ sap.ui.define([
 					var oSource = oEvent.getSource();
 					oSource.getIcon() === "sap-icon://da" ? oSource.setIcon("sap-icon://da-2") : oSource.setIcon("sap-icon://da");
 					oSource.toggleStyleClass("sapFShellBarItemActive");
-					this._oContext.fireEvent("copilotPressed", {image: null, button: this._oControls.oCopilot});
+					this._oContext.fireEvent("copilotPressed", {
+						/**
+						 * @deprecated Since version 1.121
+						 */
+						image: null,
+						button: this._oControls.oCopilot
+					});
 				}.bind(this)
 			}).addStyleClass("sapFShellBarAssistantBtn")
 			.setLayoutData(new OverflowToolbarLayoutData({

package/src/sap/f/shellBar/Search.js

@@ -36,7 +36,7 @@ sap.ui.define(['sap/ui/core/Control',
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.132.1
+		 * @version 1.134.0
 		 *
 		 * @constructor
 		 * @private

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

@@ -1,12 +1,12 @@
-/* ================================== */
-/* CSS for control sap.f/Card         */
-/* Base theme                         */
-/* ================================== */
+/* =========================== */
+/* CSS for control sap.f/Card  */
+/* Base theme                  */
+/* =========================== */
 
-@_sap_f_Card_BoxShadow: @sapUiContentShadow0;
-@_sap_f_Card_HeaderBorder: 0.0625rem solid @sapUiTileSeparatorColor; // used as top or bottom border
+@_sap_f_Card_BoxShadow: var(--sapContent_Shadow0);
+@_sap_f_Card_HeaderBorder: 0.0625rem solid var(--sapTile_SeparatorColor); /* used as top or bottom border */
 @_sap_f_Card_FocusBorderRadius: none;
-@_sap_f_Card_BorderRadius: @sapUiElementBorderCornerRadius;
+@_sap_f_Card_BorderRadius: var(--sapElement_BorderCornerRadius);
 @_sap_f_Card_ContentPadding: 1rem;
 @_sap_f_Card_FocusBorderBottomOffset: 1px;
 @_sap_f_Card_FocusBorderTopOffset: 1px;
@@ -19,15 +19,15 @@
 	flex-direction: column;
 	vertical-align: top;
 	box-sizing: border-box;
-	background: @sapUiTileBackground;
+	background: var(--sapTile_Background);
 	box-shadow: @_sap_f_Card_BoxShadow;
 	border-radius: @_sap_f_Card_BorderRadius;
-	border: 0.0625rem solid @sapUiTileBorderColor;
+	border: 0.0625rem solid var(--sapTile_BorderColor);
 	width: 100%;
 	height: auto;
-	font-family: @sapUiFontFamily;
-	font-size: @sapMFontMediumSize;
-	color: @sapUiGroupTitleTextColor;
+	font-family: var(--sapFontFamily);
+	font-size: var(--sapFontSize);
+	color: var(--sapGroup_TitleTextColor);
 	outline: none;
 }
 
@@ -35,7 +35,7 @@
 .sapFCardTransparent.sapFCard,
 ui-integration-card.sapFCardTransparent > [data-sap-ui-area] > .sapFCard {
 	border: none;
-	border-radius: 0%;
+	border-radius: 0;
 	background: transparent;
 	box-shadow: unset;
 	overflow: visible;
@@ -49,7 +49,7 @@ ui-integration-card.sapFCardTransparent > [data-sap-ui-area] > .sapFCard {
 	& > .sapFCardFooter {
 		background: transparent;
 		border: none;
-		border-radius: 0%;
+		border-radius: 0;
 	}
 
 	& > .sapFCardFooter .sapMTB {
@@ -64,7 +64,7 @@ ui-integration-card.sapFCardTransparent > [data-sap-ui-area] > .sapFCard {
 
 .sapFCard .sapFCardFilterBar {
 	padding: 0.5rem @_sap_f_Card_ContentPadding;
-	background: @sapUiTileBackground;
+	background: var(--sapTile_Background);
 	border-bottom: @_sap_f_Card_HeaderBorder;
 
 	.sapFCardFilterBarContent {
@@ -99,10 +99,23 @@ ui-integration-card.sapFCardTransparent > [data-sap-ui-area] > .sapFCard {
 }
 
 .sapFCard.sapFCardBottomHeader {
+
 	.sapFCardHeader {
 		border-top: @_sap_f_Card_HeaderBorder;
 		border-bottom: none;
 		border-radius: 0 0 @_sap_f_Card_BorderRadius @_sap_f_Card_BorderRadius;
+
+		.sapFCardHeaderMainPart {
+			border-radius: 0;
+		}
+
+		&.sapFCardHeaderMainPartOnly .sapFCardHeaderMainPart {
+			border-radius: 0 0 @_sap_f_Card_BorderRadius @_sap_f_Card_BorderRadius;
+		}
+
+		.sapFCardHeaderLastPart {
+			padding-bottom: @_sap_f_Card_ContentPadding;
+		}
 	}
 
 	.sapFCardContent {
@@ -134,6 +147,7 @@ ui-integration-card.sapFCardTransparent > [data-sap-ui-area] > .sapFCard {
 }
 
 .sapFCard .sapFCardContent {
+
 	.sapVizFrame {
 		min-height: inherit;
 
@@ -143,34 +157,39 @@ ui-integration-card.sapFCardTransparent > [data-sap-ui-area] > .sapFCard {
 	}
 
 	.sapMLIB.sapMSLINoDescIcon {
-		padding: 0 1rem 0 0.125rem; // padding left is for alignment with the header
+		padding: 0 1rem 0 0.125rem; /* padding left is for alignment with the header */
 	}
 
 	.sapMLIBContent {
+
 		.sapMSLIDiv {
 			flex: 1 1 auto;
 		}
 	}
 
 	.sapUiView.sapUiXMLView > .sapMImg {
-		display: block; // Fix for unwanted space under the only image inside Component Card content
+		display: block; /* Fix for unwanted space under the only image inside Component Card content */
 	}
 
 	.sapFCardIcon.sapFAvatarColorTransparent {
+
 		.sapUiIcon {
-			color: @sapUiContentNonInteractiveIconColor;
+			color: var(--sapContent_NonInteractiveIconColor);
 		}
 	}
 }
 
-html[data-sap-ui-browser^="sf"] .sapFCard,
-html[data-sap-ui-browser^="cr"] .sapFCard {
+html[data-sap-ui-browser^='sf'] .sapFCard,
+html[data-sap-ui-browser^='cr'] .sapFCard {
+
 	.sapFCardHeaderText {
 		flex: 1;
 	}
 
 	.sapFCardContent {
+
 		.sapMLIBContent {
+
 			.sapMSLIDiv {
 				flex: 1;
 			}
@@ -181,33 +200,50 @@ html[data-sap-ui-browser^="cr"] .sapFCard {
 .sapFCard.sapFCardNoContent .sapFCardHeader {
 	border-bottom: none;
 	border-radius: @_sap_f_Card_BorderRadius;
-	flex-grow: 1;
+
+	&.sapFCardHeaderMainPartOnly {
+		flex-grow: 1;
+
+		.sapFCardHeaderMainPart {
+			border-radius: @_sap_f_Card_BorderRadius;
+			flex-grow: 1;
+			align-items: flex-start;
+		}
+	}
+
+	.sapFCardHeaderLastPart {
+		padding-bottom: @_sap_f_Card_ContentPadding;
+	}
 }
 
-.sapFCard.sapFCardInteractive:hover {
-	box-shadow: @sapUiContentShadow2;
+.sapFCard.sapFCardInteractive:not(.sapFCardDisableMouseInteraction):hover {
+	box-shadow: var(--sapContent_Shadow2);
 	cursor: pointer;
 }
-//Todo HC should use the active background:  --sapTile_Hover_Background
+
+/* Todo HC should use the active background: --sapTile_Hover_Background */
 .sapFCard.sapFCardInteractive:focus:active {
 	box-shadow: none;
-	border: 0.0625rem solid @sapTile_Interactive_BorderColor;
+	border: .0625rem solid var(--sapTile_Interactive_BorderColor);
 }
 
 .sapFCard.sapFCardSectionInteractive {
+
 	&[data-sap-ui-draggable=true] {
+
 		.sapMText {
 			cursor: grab;
 		}
 	}
 
 	&:not(.sapFCardTransparent) {
+
 		.sapFCardSectionClickable:hover {
-			background: @sapUiTileHoverBackground;
+			background: var(--sapTile_Hover_Background);
 		}
 
 		.sapFCardSectionClickable:active {
-			background: @sapUiTileActiveBackground;
+			background: var(--sapTile_Active_Background);
 		}
 	}
 
@@ -221,8 +257,7 @@ html[data-sap-ui-browser^="cr"] .sapFCard {
 	}
 }
 
-.sapFCard.sapFCardFocus:focus::before,
-.sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus > .sapFCard.sapFCardNoHeader::before { // ... focus on a card without header
+.sapFCard.sapFCardFocus:focus::before {
 	content: '';
 	display: block;
 	position: absolute;
@@ -230,7 +265,7 @@ html[data-sap-ui-browser^="cr"] .sapFCard {
 	bottom: @_sap_f_Card_FocusBorderBottomOffset;
 	right: @_sap_f_Card_FocusBorderRightOffset;
 	top: @_sap_f_Card_FocusBorderTopOffset;
-	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	border-radius: @_sap_f_Card_FocusBorderRadius;
 	pointer-events: none;
 	z-index: 1;
@@ -240,6 +275,7 @@ html[data-sap-ui-browser^="cr"] .sapFCard {
 /* ui5-restricted work zone */
 .sapFCard.sapFCardFocusFullCard,
 ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
+
 	&:has(.sapFCardHeader:not(.sapFCardHeaderToolbarFocused):focus-within)::before {
 		content: '';
 		display: block;
@@ -248,7 +284,7 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 		bottom: @_sap_f_Card_FocusBorderBottomOffset;
 		right: @_sap_f_Card_FocusBorderRightOffset;
 		top: @_sap_f_Card_FocusBorderTopOffset;
-		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+		border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 		border-radius: @_sap_f_Card_FocusBorderRadius;
 		pointer-events: none;
 		z-index: 1;
@@ -259,11 +295,6 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 	}
 }
 
-.sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus > .sapFCard.sapFCardNoHeader::before { // focus inside GridContainer on a card without header
-	bottom: 1px;
-	z-index: 1;
-}
-
 .sapUiSizeCompact {
 	.sapFCard .sapFCardContent {
 		.sapMLIB.sapMSLINoDescIcon {
@@ -275,6 +306,7 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 				line-height: 1rem;
 			}
 		}
+
 		.sapMListTbl {
 			padding-bottom: 0.5rem;
 		}
@@ -282,6 +314,7 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 }
 
 .sapFCardAdaptiveContent {
+
 	.sapFCardAdaptiveContentChoiceSetWrapper {
 		display: flex;
 		flex-direction: column;
@@ -290,12 +323,14 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 		align-items: flex-start;
 		height: fit-content;
 	}
+
 	.sapFTimeInput {
 		width: 13.125rem;
 	}
 }
 
 .sapFCardTableContent {
+
 	.sapMListTbl {
 		border: none;
 	}
@@ -306,6 +341,7 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 }
 
 .sapFCardExperimentalCaching {
+
 	.sapFCardDataTimestamp {
 		min-width: 100px;
 		padding-right: 1px;
@@ -313,9 +349,10 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 
 	.sapFCardDataTimestamp:not(.sapFCardDataTimestampUpdating) {
 		cursor: pointer;
-		&:hover:before {
-			content: "\e010";
-			font-family: "SAP-icons";
+
+		&:hover::before {
+			content: '\e010';
+			font-family: var(--sapContent_IconFontFamily);
 			margin-right: 4px;
 			font-size: 0.7rem;
 		}
@@ -340,5 +377,4 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 		pointer-events: all;
 		box-shadow: @sapUiShadow;
 	}
-}
-
+}