@openui5/themelib_sap_belize 1.103.0 → 1.105.0

package/src/sap/ui/core/themes/sap_belize_hcw/shared.less

@@ -173,8 +173,7 @@
  *  * Dot below
  *  * Hook above
  *
- *
- * Fallback for the characters that aren't covered by the '72' font to other system fonts
+ * Fallback for the characters that aren't covered by the '72' font to the '72-full' font where they are supported
  *
  * U+0102-0103: A and a with Breve
  * U+01A0-01A1: O and o with Horn
@@ -186,90 +185,65 @@
  * U+1EE4-1EF1: U and u with diacritics that are not supported by the font and combination of multiple diacritics
  * U+1EF4-1EF7: Y and y with diacritics that are not supported by the font and combination of multiple diacritics
  *
+ *
+ * Moreover, the caron has a special vertical form used on tall characters:
+ *
+ * U+010F: small letter d with caron
+ * U+013D: capital letter L with caron
+ * U+013E: small letter l with caron
+ * U+0165: small letter t with caron
+ *
+ * Those characters aren't covered by the font '72' but some browser simply combine the letter without diacritics with the
+ * standard combining caron (U+030C) which leads to the wrong display of those 4 characters. Because those 4 characters
+ * are covered by the '72-full' font, they are redirected to that font as well for being correctly displayed.
+ *
  */
 @font-face {
 	font-family: '72';
 	font-style: normal;
 	font-weight: 400;
-	unicode-range: U+0102-0103, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
-	src: local('Arial'), local('Helvetica'), local('sans-serif');
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72-Regular-full.woff2') format('woff2');
 }
 
 @font-face {
 	font-family: '72';
 	font-style: normal;
 	font-weight: 700;
-	unicode-range: U+0102-0103, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
-	src: local('Arial Bold'), local('Arial'), local('Helvetica'), local('sans-serif');
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72-Bold-full.woff2') format('woff2');
 }
 
 @font-face {
 	font-family: '72';
 	font-style: normal;
 	font-weight: 300;
-	unicode-range: U+0102-0103, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
-	src: local('Arial'), local('Helvetica'), local('sans-serif');
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72-Light-full.woff2') format('woff2');
 }
 
 @font-face {
 	font-family: '72-Bold';
 	font-style: normal;
-	unicode-range: U+0102-0103, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
-	src: local('Arial Bold'), local('Arial'), local('Helvetica'), local('sans-serif');
-}
-
-@font-face {
-	font-family: '72-Light';
-	font-style: normal;
-	unicode-range: U+0102-0103, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
-	src: local('Arial'), local('Helvetica'), local('sans-serif');
-}
-
-/**
- * The caron has a special vertical form used on tall characters:
- *  * Small letter d with caron U+010F
- *  * Small letter t with caron U+0165
- *  * Small letter l with caron U+013E
- *  * Capital letter L with caron U+013D
- *
- * Those characters aren't covered by the font 72 but some browser simply combine the letter without diacritics with the
- * standard combining caron (U+030C) which leads to the wrong display of those 4 characters. Because those 4 characters
- * are covered by the 72-full font, they are redirected to that font for being correctly displayed.
- */
-@font-face {
-	font-family: '72';
-	font-style: normal;
-	font-weight: 400;
-	unicode-range: U+010F, U+0165, U+013E, U+013D;
-	src: url('fonts/72-Regular-full.woff2') format('woff2');
-}
-
-@font-face {
-	font-family: '72';
-	font-style: normal;
-	font-weight: 700;
-	unicode-range: U+010F, U+0165, U+013E, U+013D;
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
 	src: url('fonts/72-Bold-full.woff2') format('woff2');
 }
 
 @font-face {
-	font-family: '72';
+	font-family: '72-Light';
 	font-style: normal;
-	font-weight: 300;
-	unicode-range: U+010F, U+0165, U+013E, U+013D;
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
 	src: url('fonts/72-Light-full.woff2') format('woff2');
 }
 
 @font-face {
-	font-family: '72-Light';
-	font-style: normal;
-	unicode-range: U+010F, U+0165, U+013E, U+013D;
-	src: url('fonts/72-Light-full.woff2') format('woff2');
+	font-family: '72Mono';
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72Mono-Regular-full.woff2') format('woff2');
 }
 
 @font-face {
-	font-family: '72-Bold';
-	font-style: normal;
-	unicode-range: U+010F, U+0165, U+013E, U+013D;
-	src: url('fonts/72-Bold-full.woff2') format('woff2');
+	font-family: '72Mono-Bold';
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72Mono-Bold-full.woff2') format('woff2');
 }

package/src/sap/ui/core/themes/sap_belize_plus/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.103.0</version>
+	<version>1.105.0</version>
 
 	<documentation>SAPUI5 belize plus theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_belize_plus/base.less

@@ -1,11 +1,11 @@
 // /**
-// * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
+// * Copyright (c) 2012-2022 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 // * Theming Engine 1.69.2
-// * data:{"sModified":"2022-04-26T06:31:06Z"}
+// * data:{"sModified":"2022-05-24T07:19:31Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_belize_plus/base.less (Version 11.1.39) *******************/
+/******************* FILE /Base/baseLib/sap_belize_plus/base.less (Version 11.1.40) *******************/
 
 @sapHighlightColor: lighten(saturate(@sapBrandColor, 40), 30);
 @sapBaseColor: @sapPrimary1;

package/src/sap/ui/dt/themes/sap_belize/Overlay.less

@@ -1,4 +1,4 @@
 /******************************************************************
 	Style of the DT Overlays - sap_belize Theme
 *******************************************************************/
-@_sap_ui_dt_Overlay_CuttedColor: @sapUiPageHeaderBackground;	//#eff4f9;
+@_sap_ui_dt_Overlay_CuttedColor: @sapUiPageHeaderBackground; //#eff4f9;

package/src/sap/ui/dt/themes/sap_belize_hcb/ContextMenu.less

@@ -1,17 +1,13 @@
 /******************************************************************
 	Style of the DT Contextmenu - sap_belize_hcb Theme
 *******************************************************************/
-@_sap_ui_dt_ContextMenu_BoxShadowColor: @sapUiNeutralElement; //#ffffff
 
 .sapUiDtContextMenu {
-
-	&.sapMPopoverArr, .sapMPopoverArr {
-		&:after {
-			box-shadow: 0 0 0 1px @_sap_ui_dt_ContextMenu_BoxShadowColor;
-			border: none;
+	.sapUiMnuLst {
+		.sapUiMnuItm {
+			&.sapUiMnuItmDsbl {
+				opacity: 1;
+			}
 		}
 	}
-	.sapMBtn.sapMBtnDisabled {
-		opacity: 1.0;
-	}
 }

package/src/sap/ui/dt/themes/sap_belize_hcb/Overlay.less

@@ -4,5 +4,5 @@
 @_sap_ui_dt_Overlay_FocusColor: fade(@sapUiNeutralBorder, 80%); //rgba(255, 255, 255, 0.8)
 @_sap_ui_dt_Overlay_TargetZoneColor: @sapUiContentHelpColor; //#03b803
 @_sap_ui_dt_Overlay_SelectionColor: @sapUiNeutralElement; //#ffffff
-@_sap_ui_dt_Overlay_CuttedColor:  @sapUiHcReducedAltForeground; // #999
-@_sap_ui_dt_Overlay_HighlightColor : @sapUiWarningBorder; // #ffab1d
+@_sap_ui_dt_Overlay_CuttedColor: @sapUiHcReducedAltForeground; // #999
+@_sap_ui_dt_Overlay_HighlightColor: @sapUiWarningBorder; // #ffab1d

package/src/sap/ui/dt/themes/sap_belize_hcw/library.source.less

@@ -6,6 +6,4 @@
 
 @import "../base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcw/base.less";
-@import "../../../../../sap/ui/core/themes/sap_belize_hcw/global.less";
-
-@import "ContextMenu.less";
+@import "../../../../../sap/ui/core/themes/sap_belize_hcw/global.less";

package/src/sap/ui/rta/themes/sap_belize/Dialogs.less

@@ -2,9 +2,4 @@
 	Style of Dialogs shown in RTA - sap_belize Theme
 *******************************************************************/
 @_sap_ui_rta_Dialogs_BorderLightColor: @sapUiInvertedElement; //#fff
-@_sap_ui_rta_Dialogs_BorderDarkColor: darken(@sapUiShellTextColor,8); //#2F3C48
-
-.sapMDialog.sapUiRTABorder {
-	border: 0.1875rem solid @_sap_ui_rta_Dialogs_BorderLightColor;
-	border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Dialogs_BorderDarkColor, @_sap_ui_rta_Dialogs_BorderDarkColor 5px, @_sap_ui_rta_Dialogs_BorderLightColor 5px, @_sap_ui_rta_Dialogs_BorderLightColor 10px) 4;
-}
+@_sap_ui_rta_Dialogs_BorderDarkColor: darken(@sapUiShellTextColor, 8); //#2F3C48

package/src/sap/ui/rta/themes/sap_belize/Toolbar.adaptation.less

@@ -1,5 +1,27 @@
 /******************************************************************
 	Style of the RTA Toolbar (type: adaptation) - sap_belize Theme
 *******************************************************************/
-@_sap_ui_rta_Toolbar_Adaptation_BaseColor: darken(@sapUiShellTextColor,8); //#2F3C48
-@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiContentContrastTextColor; //#fff
+@_sap_ui_rta_Toolbar_Adaptation_BaseColor: darken(@sapUiShellTextColor, 8); //#2F3C48
+@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiContentContrastTextColor; //#fff
+@_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: @sapUiContentContrastTextColor; //#fff
+@_sap_ui_rta_Toolbar_Adaptation_BtnHoverText: @sapUiSelected; //#427cac
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverTextColor: @sapUiContentContrastTextColor; //fff
+@_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBG: @sapUiSelected; //#427cac
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: lighten(@sapUiCriticalText, 15%); //#f9af41
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiContentSearchHighlightColor; //#d4f7db
+
+.sapUiRtaMode {
+	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
+		.sapMBtn {
+			&.sapMBtnDisabled .sapMBtnInner {
+				opacity: 1.0;
+			}
+		}
+
+		.sapMSegBBtn.sapMSegBBtnFocusable {
+			&:hover .sapMSegBBtnInner {
+				background-color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBG;
+			}
+		}
+	}
+}

package/src/sap/ui/rta/themes/sap_belize/Toolbar.base.less

@@ -2,35 +2,5 @@
 	Style of the RTA Toolbar (all types) - sap_belize Theme
 *******************************************************************/
 @_sap_ui_rta_Toolbar_Base_TextColor: @sapUiContentContrastTextColor; //#fff
-@_sap_ui_rta_Toolbar_Base_BaseColor: darken(@sapUiShellTextColor,8); //#2F3C48
-
-.sapUiRtaMode {
-	.sapUiRtaToolbar {
-		background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
-		height: 3rem; //48px
-
-		.sapMBtn {
-			&.sapMBtnDisabled .sapMBtnInner {
-				opacity: 1.0;
-			}
-		}
-	}
-}
-
-.sapUiSizeCozy {
-	.sapUiRtaToolbar {
-		.sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel {
-			& .sapMSegBBtnInner:after {
-				left: 1rem; //16px
-				right: 1rem; //16px
-			}
-		}
-	}
-}
-
-.sapUiRtaToolbar .sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnHoverable.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
-.sapUiRtaToolbar *.sapMBtn:hover:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed) > .sapMBtnIcon,
-.sapUiRtaToolbar :not(.sapMBtnDisabled):not(.sapMSBActive) > span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed):hover > .sapMBtnIcon,
-.sapUiRtaToolbar .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) bdi {
-	color: @_sap_ui_rta_Toolbar_Base_TextColor;
-}
+@_sap_ui_rta_Toolbar_Base_BaseColor: darken(@sapUiShellTextColor, 8); //#2F3C48
+@_sap_ui_rta_Toolbar_Base_BaseBG: darken(@sapUiShellTextColor, 8); //#2F3C48

package/src/sap/ui/rta/themes/sap_belize/Toolbar.personalization.less

@@ -1,4 +1,4 @@
 /******************************************************************
 	Style of the Personalization Toolbar - sap_belize Theme
 *******************************************************************/
-@_sap_ui_rta_Toolbar_Personalization_BaseColor: darken(@sapUiShellTextColor,8);	//#2F3C48
+@_sap_ui_rta_Toolbar_Personalization_BaseColor: darken(@sapUiShellTextColor, 8); //#2F3C48

package/src/sap/ui/rta/themes/sap_belize/library.source.less

@@ -7,7 +7,6 @@
 @import "../../../../../sap/ui/core/themes/sap_belize/base.less";
 @import "../../../../../sap/ui/core/themes/sap_belize/global.less";
 @import "Overlay.less";
-@import "ContextMenu.less";
 @import "Dialogs.less";
 @import "Toolbar.personalization.less";
 @import "Toolbar.adaptation.less";

package/src/sap/ui/rta/themes/sap_belize_hcb/ChangeVisualization.less

@@ -0,0 +1,15 @@
+/******************************************************************
+	Style of the RTA Change Visualization - HCB theme
+*******************************************************************/
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: lighten(@sapUiPositiveText, 10%); //#bbddbb
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiCriticalText; //#ffab1d
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: lighten(@sapUiChart8, 20%); //#dd8ec9
+@_sap_ui_rta_ChangeVisualization_OverlayOutline: @sapUiContentHelpColor; // #03b803
+
+.sapUiDtOverlay {
+	.sapUiRtaChangeIndicatorHovered {
+		&:after {
+			box-shadow: none;
+		}
+	}
+}

package/src/sap/ui/rta/themes/sap_belize_hcb/Dialogs.less

@@ -1,12 +1,16 @@
 /******************************************************************
 	Style of Dialogs shown in RTA - sap_belize_3_hcb Theme
 *******************************************************************/
-@_sap_ui_rta_Dialogs_Border_LightColor: @sapUiNeutralElement; //#ffffff
-@_sap_ui_rta_Dialogs_Border_DarkColor: @sapUiNeutralBG; //#000000
+@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiNeutralElement; //#ffffff
+@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiNeutralBG; //#000000
 @_sap_ui_rta_Dialogs_BoxShadowColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
 
 .sapMDialog.sapUiRTABorder {
-	border: 0.1875rem solid @_sap_ui_rta_Dialogs_Border_LightColor; //3px
-	border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Dialogs_Border_DarkColor, @_sap_ui_rta_Dialogs_Border_DarkColor 5px, @_sap_ui_rta_Dialogs_Border_LightColor 5px, @_sap_ui_rta_Dialogs_Border_LightColor 10px) 4;
-	box-shadow: 0 10px 64px 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 10px -2px @_sap_ui_rta_Dialogs_Border_LightColor;
+	box-shadow: 0 0.625rem 4rem 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 0.625rem -0.125rem @_sap_ui_rta_Dialogs_BorderLightColor;
+}
+
+.sapUiRtaPopover {
+	&.sapMPopover, .sapMPopover {
+		box-shadow: 0 0.625rem 4rem 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 0.625rem -0.125rem @_sap_ui_rta_Dialogs_BorderLightColor;
+	}
 }

package/src/sap/ui/rta/themes/sap_belize_hcb/Overlay.less

@@ -5,6 +5,8 @@
 @_sap_ui_rta_Overlay_BoxShadowColor: @sapUiNeutralBG; //#000
 @_sap_ui_rta_Overlay_ShellBG: @sapUiNeutralBG; //#000
 @_sap_ui_rta_Overlay_HoverBorder: @sapUiNeutralElement; //#fff
+@_sap_ui_rta_Overlay_PlaceholderBG: @sapUiContentDisabledTextColor; //#666
+
 
 .sapUiRta {
 	.sapUiDtOverlayTargetZone {
@@ -13,6 +15,14 @@
 			box-shadow: none;
 		}
 	}
+
+	.sapUiDtOverlayDropZone {
+		> .sapUiDtOverlayChildren {
+			> .sapUiRtaOverlayPlaceholder {
+				opacity: 0.7;
+			}
+		}
+	}
 }
 
 .sapUiRta:not(.sapUiRtaVisualizationMode) {
@@ -25,6 +35,7 @@
 			box-shadow: none;
 		}
 	}
+
 	.sapUiDtOverlay {
 		&:focus {
 			outline: none;
@@ -38,6 +49,7 @@
 			}
 		}
 	}
+
 	.sapUiDtOverlaySelected {
 		transition: none;
 		box-shadow: none;
@@ -48,9 +60,10 @@
 				box-shadow: 0 0 0 4px @_sap_ui_rta_Overlay_BoxShadowColor inset;
 			}
 		}
-		&.sapUiRtaOverlayHover{
+
+		&.sapUiRtaOverlayHover {
 			&:after {
-				border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor!important; //2px
+				border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor !important; //2px
 				outline-offset: -0.25rem; //4px
 			}
 		}

package/src/sap/ui/rta/themes/sap_belize_hcb/Toolbar.adaptation.less

@@ -3,11 +3,5 @@
 *******************************************************************/
 @_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiNeutralBG; //#000000
 @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiNeutralElement; //#ffffff
-@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
-@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiNeutralElement; //#ffffff
-
-.sapUiRtaMode {
-	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
-		box-shadow: 0 10px 32px 0 @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor, 0 0 10px -2px @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor;
-	}
-}
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiCriticalText; //#ffab1d
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiContentHelpColor; //#03b803

package/src/sap/ui/rta/themes/sap_belize_hcb/Toolbar.base.less

@@ -3,71 +3,13 @@
 *******************************************************************/
 @_sap_ui_rta_Toolbar_Base_BaseColor: @sapUiNeutralBG; //#000000
 @_sap_ui_rta_Toolbar_Base_TextColor: @sapUiNeutralElement; //#ffffff
-@_sap_ui_rta_Toolbar_Base_HoverColor: @sapUiHcHighlightBackground; //#7a5100
+@_sap_ui_rta_Toolbar_Base_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
+@_sap_ui_rta_Toolbar_Base_BoxShadow_LightColor: @sapUiNeutralElement; //#ffffff
+@_sap_ui_rta_Toolbar_Base_BaseBG: @sapUiNeutralBG; //#000000
 
 .sapUiRtaMode {
-
-	.sapUiRtaToolbar {
-
-		.sapMSegBBtn.sapMSegBBtnFocusable {
-
-			&:hover .sapMSegBBtnInner,
-			&.sapMSegBBtnSel:hover .sapMSegBBtnInner {
-				background-color: @_sap_ui_rta_Toolbar_Base_HoverColor;
-				color: @_sap_ui_rta_Toolbar_Base_TextColor;
-			}
-
-			&.sapMSegBBtnSel:hover .sapMSegBBtnInner::after {
-				border-bottom: 0.125rem solid @_sap_ui_rta_Toolbar_Base_TextColor; //2px
-			}
-
-			&:focus .sapMSegBBtnInner {
-				outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Base_TextColor; //2px
-				outline-offset: -0.0625rem; //1px
-			}
-		}
-
-		.sapMSegBBtnFocusable.sapMBtnActive:hover {
-			.sapMSegBBtnInner {
-				background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
-			}
-
-			& .sapMSegBBtnInner::after {
-				border-bottom: 0.125rem solid @_sap_ui_rta_Toolbar_Base_TextColor; //2px
-			}
-		}
-
-		.sapMSegB .sapMSegBBtn.sapMSegBtnLastVisibleButton:not(.sapMSegBBtnDis) .sapMSegBBtnInner {
-			border-right: none;
-		}
-
-		.sapMSegBBtnFocusable:active + .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner,
-		.sapMSegBBtnFocusable:focus + .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
-			border-left: none;
-		}
-		.sapMBtn:focus > .sapMFocusable {
-			outline: 0.125rem dotted @sapUiWhite; //2px
-			border-color: transparent;
-		}
-		.sapUiRtaToolbarSwitcherSection {
-			.sapMSegBBtn:hover {
-				.sapUiIcon,
-				&.sapMSegBBtnSel .sapMSegBBtnInner .sapUiIcon {
-					color: @_sap_ui_rta_Toolbar_Base_TextColor;
-				}
-			}
-		}
-	}
-}
-
-.sapUiSizeCozy{
 	.sapUiRtaToolbar {
-		.sapMSegBBtn.sapMSegBBtnFocusable {
-			&:focus {
-				.sapMSegBBtnInner {
-					outline-offset: -0.25rem; //4px
-				}
-			}
-		}
+		box-shadow: 0 0.625rem 2rem 0 @_sap_ui_rta_Toolbar_Base_BoxShadow_DarkColor,
+		0 0 0.625rem -0.125rem @_sap_ui_rta_Toolbar_Base_BoxShadow_LightColor; //10px 32px 10px 2px
 	}
 }

package/src/sap/ui/rta/themes/sap_belize_hcb/Toolbar.personalization.less

@@ -2,8 +2,8 @@
 	Style of the RTA Toolbar (type: personalization) - sap_belize_hcb Theme
 *****************************************************************************/
 @_sap_ui_rta_Toolbar_Personalization_BaseColor: @sapUiNeutralBG; //#000000
-@_sap_ui_rta_Toolbar_Personalization_TopBorder: @sapUiShellBorderColor; // #fff
+@_sap_ui_rta_Toolbar_Personalization_BorderColor: @sapUiShellBorderColor; // #fff
 
 .sapUiRtaToolbar.type_personalization {
-	border-top: @_sap_ui_rta_Toolbar_Personalization_TopBorder 0.0625rem solid; //1px
+	border-top: @_sap_ui_rta_Toolbar_Personalization_BorderColor 0.125rem solid;
 }

package/src/sap/ui/rta/themes/sap_belize_hcb/library.source.less

@@ -14,4 +14,5 @@
 @import "FieldRepository.less";
 @import "Toolbar.base.less";
 @import "Toolbar.personalization.less";
-@import "Toolbar.adaptation.less";
+@import "Toolbar.adaptation.less";
+@import "ChangeVisualization.less";

package/src/sap/ui/rta/themes/sap_belize_hcw/ChangeVisualization.less

@@ -0,0 +1,15 @@
+/******************************************************************
+	Style of the RTA Change Visualization - Quartz hcw theme
+*******************************************************************/
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: @sapUiPositiveText; //#006362
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiActive; //#ec8b46
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: lighten(@sapUiChart8, 20%); //#e52faa
+@_sap_ui_rta_ChangeVisualization_OverlayOutline: @sapUiIndication5; //#004ccb
+
+.sapUiDtOverlay {
+	.sapUiRtaChangeIndicatorHovered {
+		&:after {
+			box-shadow: none;
+		}
+	}
+}

package/src/sap/ui/rta/themes/sap_belize_hcw/Dialogs.less

@@ -1,12 +1,17 @@
 /******************************************************************
 	Style of Dialogs shown in RTA - sap_belize_hcw Theme
 *******************************************************************/
-@_sap_ui_rta_Dialogs_Border_LightColor: @sapUiNeutralBG; //#ffffff
-@_sap_ui_rta_Dialogs_Border_DarkColor: @sapUiNeutralElement; //#000000
+@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiNeutralBG; //#ffffff
+@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiNeutralElement; //#000000
 @_sap_ui_rta_Dialogs_BoxShadowColor: fade(@sapUiNeutralElement, 50%); //rgba(0, 0, 0, 0.5)
 
 .sapMDialog.sapUiRTABorder {
-	border: 0.1875rem solid @_sap_ui_rta_Dialogs_Border_LightColor; //3px
-	border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Dialogs_Border_DarkColor, @_sap_ui_rta_Dialogs_Border_DarkColor 5px, @_sap_ui_rta_Dialogs_Border_LightColor 5px, @_sap_ui_rta_Dialogs_Border_LightColor 10px) 4;
-	box-shadow: 0 10px 64px 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 10px -4px @_sap_ui_rta_Dialogs_Border_DarkColor;
+	box-shadow: 0 0.625rem 4rem 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 0.625rem -0.125rem @_sap_ui_rta_Dialogs_BorderLightColor;
+}
+
+.sapUiRtaPopover {
+	&.sapMPopover, .sapMPopover {
+		box-shadow: 0 0.625rem 4rem 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 0.625rem -0.125rem @_sap_ui_rta_Dialogs_BorderLightColor;
+
+	}
 }

package/src/sap/ui/rta/themes/sap_belize_hcw/Overlay.less

@@ -13,6 +13,14 @@
 			box-shadow: none;
 		}
 	}
+
+	.sapUiDtOverlayDropZone {
+		> .sapUiDtOverlayChildren {
+			> .sapUiRtaOverlayPlaceholder {
+				opacity: 0.7;
+			}
+		}
+	}
 }
 
 .sapUiRta:not(.sapUiRtaVisualizationMode) {
@@ -25,6 +33,7 @@
 			outline-offset: -0.125rem; //2px
 		}
 	}
+
 	.sapUiDtOverlay {
 		&:focus {
 			outline: none;
@@ -38,6 +47,7 @@
 			}
 		}
 	}
+
 	.sapUiDtOverlaySelected {
 		transition: none;
 		box-shadow: none;
@@ -46,16 +56,18 @@
 			border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor; //2px
 			outline: none;
 		}
+
 		&.sapUiDtOverlayFocusable {
 			&:focus {
 				/* Same trick as described above but doubled thickness */
 				box-shadow: 0 0 0 4px @_sap_ui_rta_Overlay_BoxShadowColor inset;
 			}
 		}
+
 		&.sapUiRtaOverlayHover {
 			&:after {
-				border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor!important; //2px
-				outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor!important; //2px
+				border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor !important; //2px
+				outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor !important; //2px
 				outline-offset: -0.25rem; //4px
 				transition: none;
 				box-shadow: none;

package/src/sap/ui/rta/themes/sap_belize_hcw/Toolbar.adaptation.less

@@ -3,11 +3,7 @@
 *******************************************************************/
 @_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiNeutralBG; //#ffffff
 @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiNeutralElement; //#000000
-@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(0, 0, 0, 0.8)
-@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiNeutralElement; //#000
-
-.sapUiRtaMode {
-	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
-		box-shadow: 0 10px 32px 0 @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor, 0 0 10px -2px @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor;
-	}
-}
+@_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: @sapUiNeutralElement; //#000000
+@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol: @sapUiNeutralBorder; //#000000
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: darken(@sapUiActive, 19%); //#be5a13
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiContentHelpColor; //#006500