@openui5/themelib_sap_horizon 1.100.0 → 1.102.1

package/src/sap/ui/core/themes/sap_horizon_hcw/global.less

@@ -190,11 +190,11 @@
 @sapMFontHeader5Size: @sapFontHeader5Size;
 @sapMFontHeader6Size: @sapFontHeader6Size;
 
-@sapUiLinkHover: @sapLink_Hover_Color;
-@sapUiLinkActive: @sapLink_Active_Color;
-@sapUiLinkVisited: @sapLink_Visited_Color;
-@sapUiLinkInverted: @sapLink_InvertedColor;
-@sapUiLinkSubtle: @sapLink_SubtleColor;
+@sapUiLinkHoverColor: @sapLink_Hover_Color;
+@sapUiLinkActiveColor: @sapLink_Active_Color;
+@sapUiLinkVisitedColor: @sapLink_Visited_Color;
+@sapUiLinkInvertedColor: @sapLink_InvertedColor;
+@sapUiLinkSubtleColor: @sapLink_SubtleColor;
 
 @sapUiShellBackground: @sapShell_Background;
 @sapUiShellBackgroundImage: @sapShell_BackgroundImage;
@@ -372,6 +372,7 @@
 @sapUiButtonInformationHoverTextColor: @sapButton_Information_Hover_TextColor;
 @sapUiButtonInformationActiveBackground: @sapButton_Information_Active_Background;
 @sapUiButtonInformationActiveBorderColor: @sapButton_Information_Active_BorderColor;
+@sapUiButtonInformationActiveTextColor: @sapButton_Information_Active_TextColor;
 @sapUiButtonNeutralBackground: @sapButton_Neutral_Background;
 @sapUiButtonNeutralBorderColor: @sapButton_Neutral_BorderColor;
 @sapUiButtonNeutralTextColor: @sapButton_Neutral_TextColor;
@@ -442,7 +443,9 @@
 @sapUiFieldFocusBorderColor: @sapField_Focus_BorderColor;
 @sapUiFieldFocusHelpBackground: @sapField_Focus_HelpBackground;
 @sapUiFieldReadOnlyBackground: @sapField_ReadOnly_Background;
+@sapUiFieldReadOnlyBackgroundStyle: @sapField_ReadOnly_BackgroundStyle;
 @sapUiFieldReadOnlyBorderColor: @sapField_ReadOnly_BorderColor;
+@sapUiFieldReadOnlyBorderStyle: @sapField_ReadOnly_BorderStyle;
 @sapUiFieldReadOnlyHelpBackground: @sapField_ReadOnly_HelpBackground;
 @sapUiFieldRequiredColor: @sapField_RequiredColor;
 @sapUiFieldInvalidColor: @sapField_InvalidColor;
@@ -1114,6 +1117,13 @@
 @sapUiUx3ExactLstRootExpandOffset: 0 3;
 @sapUiUx3ExactLstContentTop: 25px;
 
+// Link
+@sapUiLinkActive: @sapUiLinkActiveColor;
+@sapUiLinkVisited: @sapUiLinkVisitedColor;
+@sapUiLinkHover: @sapUiLinkHoverColor;
+@sapUiLinkInverted: @sapUiLinkInvertedColor;
+@sapUiLinkSubtle: @sapUiLinkSubtleColor;
+
 // Notification Bar
 @sapUiNotificationBarBG: @sapUiGroupContentBackground;
 @sapUiNotifierSeparator: @sapUiGroupContentBorderColor;

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

@@ -0,0 +1,61 @@
+/******************************************************************
+	Style of the DT Contextmenu - Horizon Theme
+*******************************************************************/
+@_sap_ui_dt_ContextMenu_HoverBGColor: @sapUiListHoverBackground; //#eaecee
+@_sap_ui_dt_ContextMenu_OpenMenuBGColor: @sapUiListSelectionBackgroundColor; //#ebf8ff
+@_sap_ui_dt_ContextMenu_Focus_BorderColor: @sapUiButtonEmphasizedBorderColor; //#0070f2
+@_sap_ui_dt_ContextMenu_Border_Radius: @sapUiFieldBorderCornerRadius; // 0.25rem
+
+.sapUiDtContextMenu {
+	.sapUiMnuLst {
+		.sapUiMnuItm {
+			border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+
+			&:focus {
+				outline-offset: -0.125rem;
+			}
+		}
+	}
+}
+
+.sapUiDtContextMenu.sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen,
+.sapUiDtContextMenu.sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
+	border-bottom: 0.0625rem solid transparent; //1px
+}
+
+.sapUiDtContextMiniMenu.sapUiMnu {
+	&:not(.sapUiSubmenu) {
+		.sapUiMnuLst {
+			.sapUiMnuItm {
+				&:focus {
+					.sapUiIcon {
+						border: 0.0625rem solid @_sap_ui_dt_ContextMenu_Focus_BorderColor;
+						border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+					}
+				}
+
+				&.sapUiMnuItmSubMnuOpen {
+					&.sapUiMnuItmHov {
+						background-color: transparent;
+					}
+
+					.sapUiIcon {
+						background-color: @_sap_ui_dt_ContextMenu_OpenMenuBGColor;
+						border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+					}
+				}
+
+				.sapUiMnuItmSbMnu {
+					right: -0.5rem;
+					padding-right: 0;
+				}
+
+				&:focus {
+					.sapUiIcon {
+						border: 0.0625rem solid @_sap_ui_dt_ContextMenu_Focus_BorderColor;
+					}
+				}
+			}
+		}
+	}
+}

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

@@ -0,0 +1,44 @@
+/******************************************************************
+	Style of the DT Overlays - Horizon Theme
+*******************************************************************/
+@_sap_ui_dt_Overlay_SelectionColor: @sapUiSelected; //	#0070f2
+@_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.5rem
+@_sap_ui_dt_Overlay_BoxShadow: @sapUiUx3ToolPopupShadow; // 0 6px 12px 0 rgba(85,107,130,0.3)
+@_sap_ui_dt_Overlay_ActiveBG: fade(@sapUiNeutralElement, 10%); // rgba(120, 143, 166, 0.1)
+@_sap_ui_dt_Overlay_CuttedBorder: @sapUiNeutralBorder; //#788fa6
+@_sap_ui_dt_Overlay_CuttedColor: @sapUiListSelectionBackgroundColor; //#ebf8ff
+
+.sapUiDtOverlayFocusable {
+	&:focus {
+		&:before {
+			border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+			outline: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusColor;
+			border: none;
+			outline-offset: -0.125rem;
+		}
+	}
+}
+
+.sapUiDtOverlaySelected {
+	box-shadow: none !important;
+
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+		transition: box-shadow 0.25s;
+		box-shadow: @_sap_ui_dt_Overlay_BoxShadow;
+	}
+}
+
+.sapUiDtOverlayTargetZone {
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
+}
+
+.sapUiDtOverlayCutted {
+	opacity: 0.7;
+
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
+}

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

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

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

@@ -0,0 +1,64 @@
+/******************************************************************
+	Style of the DT Contextmenu - Horizon Dark Theme
+*******************************************************************/
+@_sap_ui_dt_ContextMenu_HoverBGColor: @sapUiButtonBackground; //#2e3b47
+@_sap_ui_dt_ContextMenu_OpenMenuBGColor: fade(@sapUiButtonBackground, 60); //rgba(46, 59, 71, 0.6)
+@_sap_ui_dt_ContextMenu_Focus_BorderColor: @sapUiSelected; //#4db1ff
+@_sap_ui_dt_ContextMenu_Border_Radius: @sapUiFieldBorderCornerRadius; // 0.25rem
+
+.sapUiDtContextMenu {
+	.sapUiMnuLst {
+		.sapUiMnuItm {
+			border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+
+			&:focus {
+				outline-offset: -0.125rem;
+			}
+		}
+	}
+}
+
+.sapUiDtContextMenu.sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen,
+.sapUiDtContextMenu.sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
+	border-bottom: 0.0625rem solid transparent; //1px
+	background-color: @_sap_ui_dt_ContextMenu_OpenMenuBGColor
+}
+
+.sapUiDtContextMiniMenu.sapUiMnu {
+	&:not(.sapUiSubmenu) {
+		.sapUiMnuLst {
+			.sapUiMnuItm {
+				&:focus {
+					.sapUiIcon {
+						border: 0.0625rem solid @_sap_ui_dt_ContextMenu_Focus_BorderColor;
+						border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+					}
+				}
+
+				&.sapUiMnuItmSubMnuOpen {
+					background-color: transparent;
+
+					&.sapUiMnuItmHov {
+						background-color: transparent;
+					}
+
+					.sapUiIcon {
+						background-color: @_sap_ui_dt_ContextMenu_OpenMenuBGColor;
+						border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+					}
+				}
+
+				.sapUiMnuItmSbMnu {
+					right: -0.5rem;
+					padding-right: 0;
+				}
+
+				&:focus {
+					.sapUiIcon {
+						border: 0.0625rem solid @_sap_ui_dt_ContextMenu_Focus_BorderColor;
+					}
+				}
+			}
+		}
+	}
+}

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

@@ -0,0 +1,45 @@
+/******************************************************************
+	Style of the DT Overlays - Horizon Dark Theme
+*******************************************************************/
+@_sap_ui_dt_Overlay_SelectionColor: @sapUiSelected; //	#0070f2
+@_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.5rem
+@_sap_ui_dt_Overlay_ActiveBG: fade(@sapUiNeutralElement, 10%); // rgba(120, 143, 166, 0.1)
+@_sap_ui_dt_Overlay_BoxShadow: @sapUiUx3ToolPopupShadow;
+@_sap_ui_dt_Overlay_CuttedBorder: @sapUiNeutralBorder; //#a9b4be
+@_sap_ui_dt_Overlay_CuttedColor: @sapUiListSelectionBackgroundColor; //#1d2d3e
+
+
+.sapUiDtOverlayFocusable {
+	&:focus {
+		&:before {
+			border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+			outline: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusColor;
+			border: none;
+			outline-offset: -0.125rem;
+		}
+	}
+}
+
+.sapUiDtOverlaySelected {
+	box-shadow: none !important;
+
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+		transition: box-shadow 0.25s;
+		box-shadow: @_sap_ui_dt_Overlay_BoxShadow;
+	}
+}
+
+.sapUiDtOverlayTargetZone {
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
+}
+
+.sapUiDtOverlayCutted {
+	opacity: 0.7;
+
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
+}

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

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

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

@@ -1,6 +1,57 @@
-/* ====================================== */
-/* CSS for control sap.ui.dt/ContextMenu  */
-/* Horizon High Contrast Black theme      */
-/* ====================================== */
+/******************************************************************
+	Style of the DT Contextmenu - Horizon High Contrast Black theme
+*******************************************************************/
+@_sap_ui_dt_ContextMenu_Border_Radius: @sapUiButtonBorderCornerRadius; // .375rem
+@_sap_ui_dt_ContextMenu_OpenSubMenuBG: @sapUiSelected; //#0f5c93
+@_sap_ui_dt_ContextMenu_OpenSubMenuBorder: @sapUiNeutralBG; //000
 
-@_sap_ui_dt_ContextMenu_BorderColor: @sapUiWhite; //#ffffff
+.sapUiDtContextMenu {
+	.sapUiMnuLst {
+		.sapUiMnuItm {
+
+			&.sapUiMnuItmDsbl {
+				opacity: 1;
+			}
+
+			&:focus {
+				border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+			}
+
+			&.sapUiMnuItmSubMnuOpen {
+				background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
+				border-bottom: 0.0625rem solid @_sap_ui_dt_ContextMenu_OpenSubMenuBorder !important; //1px
+				border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+
+				&.sapUiMnuItmHov {
+					background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
+				}
+			}
+		}
+	}
+}
+
+.sapUiDtContextMiniMenu:not(.sapUiSubmenu) {
+	.sapUiMnuLst {
+		.sapUiMnuItm {
+
+			&.sapUiMnuItmHov {
+				.sapUiIcon {
+					border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+				}
+			}
+
+			&.sapUiMnuItmSubMnuOpen {
+				background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBorder;
+
+				.sapUiIcon {
+					background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
+					border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+				}
+			}
+
+			&:focus {
+				border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+			}
+		}
+	}
+}

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

@@ -1,9 +1,42 @@
-/* ================================== */
-/* CSS for control sap.ui.dt/Overlay  */
-/* Horizon High Contrast Black theme  */
-/* ================================== */
-
-@_sap_ui_dt_Overlay_FocusColor: fade(@sapUiWhite, 80%); //rgba(255, 255, 255, 0.8)
-@_sap_ui_dt_Overlay_TargetZoneColor: @sapHC_EnhancedForeground; //#03b803
-@_sap_ui_dt_Overlay_SelectionColor: @sapUiWhite; //#ffffff
-@_sap_ui_dt_Overlay_CuttedColor: @sapHC_ReducedBackground; //#585858
+/******************************************************************
+	Style of the DT Overlays - Horizon High Contrast Black theme
+*******************************************************************/
+@_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: @sapUiFieldReadOnlyBackground; //#585858
+@_sap_ui_dt_Overlay_HighlightColor: @sapUiWarningBorder; // #ffab1d
+@_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
+
+.sapUiDtOverlayFocusable {
+	&:focus {
+		&:before {
+			border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+			outline: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusColor;
+			border: none;
+			outline-offset: -0.125rem;
+		}
+	}
+}
+
+.sapUiDtOverlaySelected {
+	box-shadow: none !important;
+
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
+}
+
+.sapUiDtOverlayTargetZone {
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
+}
+
+.sapUiDtOverlayCutted {
+	opacity: 0.7;
+
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
+}

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

@@ -1,6 +1,53 @@
-/* ============================================= */
-/* CSS for control sap.ui.core/ContextMenu  */
-/* Horizon High Contrast White theme             */
-/* ============================================= */
+/*********************************************************************
+	Style of the DT Contextmenu - Horizon High Contrast White theme
+**********************************************************************/
+@_sap_ui_dt_ContextMenu_Border_Radius: @sapUiButtonBorderCornerRadius; // .375rem
+@_sap_ui_dt_ContextMenu_OpenSubMenuBG: @sapUiSelected; //#0f5c93
+@_sap_ui_dt_ContextMenu_OpenSubMenuBorder: @sapUiNeutralBG; //000
 
-@_sap_ui_dt_ContextMenu_BorderColor: @sapUiBlackBG; //#000000
+.sapUiDtContextMenu {
+	.sapUiMnuLst {
+		.sapUiMnuItm {
+
+			&:focus {
+				border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+			}
+
+			&.sapUiMnuItmSubMnuOpen {
+				background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
+				border-bottom: 0.0625rem solid @_sap_ui_dt_ContextMenu_OpenSubMenuBorder !important; //1px
+				border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+
+				&.sapUiMnuItmHov {
+					background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
+				}
+			}
+		}
+	}
+}
+
+.sapUiDtContextMiniMenu:not(.sapUiSubmenu) {
+	.sapUiMnuLst {
+		.sapUiMnuItm {
+
+			&.sapUiMnuItmHov {
+				.sapUiIcon {
+					border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+				}
+			}
+
+			&.sapUiMnuItmSubMnuOpen {
+				background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBorder;
+
+				.sapUiIcon {
+					background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
+					border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+				}
+			}
+
+			&:focus {
+				border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
+			}
+		}
+	}
+}

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

@@ -0,0 +1,40 @@
+/******************************************************************
+	Style of the DT Overlays - Horizon High Contrast White theme
+*******************************************************************/
+@_sap_ui_dt_Overlay_FocusColor: fade(@sapUiNeutralBorder, 80%); //rgba(0, 0, 0, 0.8)
+@_sap_ui_dt_Overlay_CuttedColor: @sapUiFieldReadOnlyBackground; //#b3b3b3
+@_sap_ui_dt_Overlay_HighlightColor: @sapUiListHighlightColor; // #ec8b46
+@_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
+
+.sapUiDtOverlayFocusable {
+	&:focus {
+		&:before {
+			border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+			outline: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusColor;
+			border: none;
+			outline-offset: -0.125rem;
+		}
+	}
+}
+
+.sapUiDtOverlaySelected {
+	box-shadow: none !important;
+
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
+}
+
+.sapUiDtOverlayTargetZone {
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
+}
+
+.sapUiDtOverlayCutted {
+	opacity: 0.7;
+
+	&:after {
+		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
+	}
+}

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

@@ -8,4 +8,5 @@
 @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/base.less";
 @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/global.less";
 
-@import "ContextMenu.less";
+@import "ContextMenu.less";
+@import "Overlay.less";

package/src/sap/ui/integration/themes/sap_horizon_dark/Paginator.less

@@ -0,0 +1,5 @@
+/* ====================================================== */
+/* CSS for control sap.ui.integration.controls/Paginator */
+/* ====================================================== */
+
+@_sap_ui_integration_Paginator_IconOutlineOffset: 0;

package/src/sap/ui/integration/themes/sap_horizon_dark/library.source.less

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

package/src/sap/ui/integration/themes/sap_horizon_hcb/Paginator.less

@@ -0,0 +1,11 @@
+/* ====================================================== */
+/* CSS for control sap.ui.integration.controls/Paginator */
+/* ====================================================== */
+
+@_sap_ui_integration_Paginator_BulletActiveBorder: @sapUiContentForegroundBorderColor;
+@_sap_ui_integration_Paginator_BulletInactiveBackground: none;
+@_sap_ui_integration_Paginator_BulletInactiveBorderColor: @sapUiContentForegroundBorderColor;
+@_sap_ui_integration_Paginator_BulletInactiveHoverBackground: @sapUiButtonHoverBackground;
+
+@_sap_ui_integration_Paginator_BulletInactiveWidth: 0.5rem;
+@_sap_ui_integration_Paginator_BulletInactivePadding: 0.25rem;

package/src/sap/ui/integration/themes/sap_horizon_hcb/library.source.less

@@ -8,4 +8,5 @@
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/base.less";
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/global.less";
 
- @import "AnalyticsCloudContent.less";
+ @import "AnalyticsCloudContent.less";
+ @import "Paginator.less";

package/src/sap/ui/integration/themes/sap_horizon_hcw/Paginator.less

@@ -0,0 +1,11 @@
+/* ====================================================== */
+/* CSS for control sap.ui.integration.controls/Paginator */
+/* ====================================================== */
+
+@_sap_ui_integration_Paginator_BulletActiveBorder: @sapUiContentForegroundBorderColor;
+@_sap_ui_integration_Paginator_BulletInactiveBackground: none;
+@_sap_ui_integration_Paginator_BulletInactiveBorderColor: @sapUiContentForegroundBorderColor;
+@_sap_ui_integration_Paginator_BulletInactiveHoverBackground: @sapUiButtonHoverBackground;
+
+@_sap_ui_integration_Paginator_BulletInactiveWidth: 0.5rem;
+@_sap_ui_integration_Paginator_BulletInactivePadding: 0.25rem;

package/src/sap/ui/integration/themes/sap_horizon_hcw/library.source.less

@@ -8,4 +8,5 @@
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/base.less";
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/global.less";
 
- @import "AnalyticsCloudContent.less";
+ @import "AnalyticsCloudContent.less";
+ @import "Paginator.less";

package/src/sap/ui/layout/themes/sap_horizon/ResponsiveSplitter.less

@@ -6,4 +6,7 @@
 @_sap_ui_layout_ResponsiveSplitter_PaginatorHeight: 2.75rem;
 @_sap_ui_layout_ResponsiveSplitter_PaginatorButtonWidth: 2.25rem;
 @_sap_ui_layout_ResponsiveSplitter_PaginatorButtonHeight: 2.25rem;
-@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonFocusBorderRadius: inherit;
+@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonFocusBorderRadius: inherit;
+@_sap_ui_layout_ResponsiveSplitter_PaginatorSelectedButton: @sapSelectedColor;
+@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonActive: @sapUiButtonActiveTextColor;
+@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonHoverShadow: @sapUiContentInteractionShadow;

package/src/sap/ui/layout/themes/sap_horizon/Splitter.less

@@ -0,0 +1,7 @@
+/* ================================================= */
+/* CSS for control sap.ui.layout/Splitter  */
+/* Horizon theme                                     */
+/* ================================================= */
+
+@_sap_ui_layout_Splitter_GripButtonColor: @sapUiButtonLiteTextColor;
+@_sap_ui_layout_Splitter_BarDecorationColors: @sapUiGroupContentBorderColor, transparent;

package/src/sap/ui/layout/themes/sap_horizon/library.source.less

@@ -8,10 +8,11 @@
 @import "../../../../../sap/ui/core/themes/sap_horizon/base.less";
 @import "../../../../../sap/ui/core/themes/sap_horizon/global.less";
 
+@import "BlockLayout.less";
 @import "FormLayout.less";
 @import "ColumnLayout.less";
 @import "GridLayout.less";
 @import "ResponsiveGridLayout.less";
 @import "ResponsiveLayout.less";
 @import "ResponsiveSplitter.less";
-@import "BlockLayout.less";
+@import "Splitter.less";

package/src/sap/ui/layout/themes/sap_horizon_dark/ResponsiveSplitter.less

@@ -6,4 +6,7 @@
 @_sap_ui_layout_ResponsiveSplitter_PaginatorHeight: 2.75rem;
 @_sap_ui_layout_ResponsiveSplitter_PaginatorButtonWidth: 2.25rem;
 @_sap_ui_layout_ResponsiveSplitter_PaginatorButtonHeight: 2.25rem;
-@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonFocusBorderRadius: inherit;
+@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonFocusBorderRadius: inherit;
+@_sap_ui_layout_ResponsiveSplitter_PaginatorSelectedButton: @sapSelectedColor;
+@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonActive: @sapUiButtonActiveTextColor;
+@_sap_ui_layout_ResponsiveSplitter_PaginatorButtonHoverShadow: @sapUiContentInteractionShadow;

package/src/sap/ui/layout/themes/sap_horizon_dark/Splitter.less

@@ -0,0 +1,7 @@
+/* ================================================= */
+/* CSS for control sap.ui.layout/Splitter  */
+/* Evening Horizon theme                             */
+/* ================================================= */
+
+@_sap_ui_layout_Splitter_GripButtonColor: @sapUiButtonLiteTextColor;
+@_sap_ui_layout_Splitter_BarDecorationColors: @sapUiGroupContentBorderColor, transparent;

package/src/sap/ui/layout/themes/sap_horizon_dark/library.source.less

@@ -8,10 +8,11 @@
 @import "../../../../../sap/ui/core/themes/sap_horizon_dark/base.less";
 @import "../../../../../sap/ui/core/themes/sap_horizon_dark/global.less";
 
+@import "BlockLayout.less";
 @import "FormLayout.less";
 @import "ColumnLayout.less";
 @import "GridLayout.less";
 @import "ResponsiveGridLayout.less";
 @import "ResponsiveLayout.less";
 @import "ResponsiveSplitter.less";
-@import "BlockLayout.less";
+@import "Splitter.less";

package/src/sap/ui/layout/themes/sap_horizon_hcb/Splitter.less

@@ -19,9 +19,5 @@
 .sapUiLoSplitter > .sapUiLoSplitterOverlay .sapUiLoSplitterOverlayBar {
 	&:focus::after {
 		border-width: 2px;
-		top: -1px;
-		bottom: -1px;
-		left: -1px;
-		right: -1px;
 	}
 }