fix(ui5-button): update parameters according to VD (#11414)

With this change we update the font-family parameters in the <ui5-button> component in order to be compliant with the VD Specifications.

Ref: BGSOFUIBALKAN-9197

Author: hinzzx

packages/main/src/themes/Button.css

@@ -231,7 +231,7 @@ bdi {
 	border-color: var(--sapButton_Emphasized_BorderColor);
 	border-width: var(--_ui5_button_emphasized_border_width);
 	color: var(--sapButton_Emphasized_TextColor);
-	font-family: var(--sapFontBoldFamily );
+	font-family: var(--sapButton_Emphasized_FontFamily);
 }
 
 /*The ui5_hovered class is set by FileUploader to indicate hover state of the control*/
@@ -306,7 +306,7 @@ bdi {
 /* Button with badge */
 ::slotted([slot="badge"][design="InlineText"]) {
 	pointer-events: initial;
-	font-family: "72override", var(--sapFontFamily);
+	font-family: "72override", var(--sapButton_FontFamily);
 	font-size: var(--sapFontSmallSize);
 	padding-inline-start: 0.25rem;
 	--_ui5-tag-height: 0.625rem;
@@ -319,7 +319,7 @@ bdi {
 	inset-inline-end: 0;
 	margin: -0.5rem;
 	z-index: 1000;
-	font-family: "72override", var(--sapFontFamily);
+	font-family: "72override", var(--sapButton_FontFamily);
 	font-size: var(--sapFontSmallSize);
 	--_ui5-tag-height: 0.625rem;
 }
@@ -336,5 +336,5 @@ bdi {
 
 :host(:state(has-overlay-badge)) {
 	overflow: visible;
-	margin-right: 5px;
+	margin-inline-end: 0.3125rem;
 }

packages/main/src/themes/ButtonBadge.css

@@ -10,8 +10,8 @@
 
 :host([design="AttentionDot"]) [ui5-tag]::part(root) {
 	min-width: var(--_ui5-button-badge-diameter);
-    min-height: var(--_ui5-button-badge-diameter);
-    height: var(--_ui5-button-badge-diameter);
+	min-height: var(--_ui5-button-badge-diameter);
+	height: var(--_ui5-button-badge-diameter);
 	width: var(--_ui5-button-badge-diameter);
 	border-radius: 100%;
 }

packages/main/src/themes/base/Button-parameters.css

@@ -17,7 +17,7 @@
 	--_ui5_button_focus_offset: 1px;
 	--_ui5_button_focus_width: 1px;
 	--_ui5_button_pressed_focused_border_color: var(--sapContent_ContrastFocusColor);
-	--_ui5_button_fontFamily: var(--sapFontFamily);
+	--_ui5_button_fontFamily: var(--sapButton_FontFamily);
 	--_ui5_button_emphasized_focused_border_color: var(--sapButton_Emphasized_BorderColor);
 	--_ui5_button_emphasized_focused_border_before: 0.125rem solid var(--sapContent_FocusColor);
 	--_ui5_button_emphasized_focused_active_border_color: transparent;

packages/main/src/themes/sap_horizon/Button-parameters.css

@@ -12,6 +12,6 @@
 	--_ui5_button_text_shadow: none;
 	--_ui5_button_emphasized_border_width: .0625rem;
 	--_ui5_button_pressed_focused_border_color: var(--sapContent_FocusColor);
-	--_ui5_button_fontFamily: var(--sapFontSemiboldDuplexFamily);
+	--_ui5_button_fontFamily: var(--sapButton_FontFamily);
 	--_ui5_button_emphasized_focused_border_color: var(--sapContent_ContrastFocusColor);
 }

packages/main/src/themes/sap_horizon_dark/Button-parameters.css

@@ -13,5 +13,5 @@
 	--_ui5_button_emphasized_border_width: .0625rem;
 	--_ui5_button_pressed_focused_border_color: var(--sapContent_FocusColor);
 	--_ui5_button_emphasized_focused_border_color: var(--sapContent_ContrastFocusColor);
-	--_ui5_button_fontFamily: var(--sapFontSemiboldDuplexFamily);
+	--_ui5_button_fontFamily: var(--sapButton_FontFamily);
 }