@openui5/themelib_sap_horizon 1.143.0 → 1.144.0

package/THIRDPARTY.txt

@@ -202,7 +202,7 @@ License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/caja-html-sanitizer.js
 
-Component: Unicode Common Locale Data Repository, version: 46.1.0
+Component: Unicode Common Locale Data Repository, version: 48.0.0
 Copyright: 1991-2024 Unicode, Inc.
 License: LicenseRef-Unicode-3.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/LicenseRef-Unicode-3.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.143.0",
+  "version": "1.144.0",
   "description": "OpenUI5 Theme Library sap_horizon",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/UI5/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.143.0",
-    "@openui5/sap.m": "1.143.0",
-    "@openui5/sap.tnt": "1.143.0",
-    "@openui5/sap.ui.codeeditor": "1.143.0",
-    "@openui5/sap.ui.commons": "1.143.0",
-    "@openui5/sap.ui.core": "1.143.0",
-    "@openui5/sap.ui.dt": "1.143.0",
-    "@openui5/sap.ui.fl": "1.143.0",
-    "@openui5/sap.ui.mdc": "1.143.0",
-    "@openui5/sap.ui.integration": "1.143.0",
-    "@openui5/sap.ui.layout": "1.143.0",
-    "@openui5/sap.ui.rta": "1.143.0",
-    "@openui5/sap.ui.suite": "1.143.0",
-    "@openui5/sap.ui.table": "1.143.0",
-    "@openui5/sap.ui.unified": "1.143.0",
-    "@openui5/sap.ui.ux3": "1.143.0",
-    "@openui5/sap.uxap": "1.143.0"
+    "@openui5/sap.f": "1.144.0",
+    "@openui5/sap.m": "1.144.0",
+    "@openui5/sap.tnt": "1.144.0",
+    "@openui5/sap.ui.codeeditor": "1.144.0",
+    "@openui5/sap.ui.commons": "1.144.0",
+    "@openui5/sap.ui.core": "1.144.0",
+    "@openui5/sap.ui.dt": "1.144.0",
+    "@openui5/sap.ui.fl": "1.144.0",
+    "@openui5/sap.ui.mdc": "1.144.0",
+    "@openui5/sap.ui.integration": "1.144.0",
+    "@openui5/sap.ui.layout": "1.144.0",
+    "@openui5/sap.ui.rta": "1.144.0",
+    "@openui5/sap.ui.suite": "1.144.0",
+    "@openui5/sap.ui.table": "1.144.0",
+    "@openui5/sap.ui.unified": "1.144.0",
+    "@openui5/sap.ui.ux3": "1.144.0",
+    "@openui5/sap.uxap": "1.144.0"
   }
 }

package/src/sap/f/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/f/themes/sap_horizon_dark/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/f/themes/sap_horizon_hcb/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/f/themes/sap_horizon_hcw/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/m/themes/sap_horizon/Switch.less

@@ -5,9 +5,9 @@
 
 /* Switch container */
 .sapMSwtCont {
-	overflow: visible;
+	overflow: hidden;
 	/* in order to have a touchable area of 2.75rem height and 3.5rem width */
-	padding: 0.625rem 0;
+	padding: 0.625rem 0.3125rem;
 }
 
 /* focus */
@@ -18,9 +18,9 @@ html.sap-desktop {
 		position: absolute;
 		display: block;
 		top: 0.375rem;
-		left: -0.25rem;
+		left: 0.0625rem;
 		bottom: 0.375rem;
-		right: -0.25rem;
+		right: 0.0625rem;
 		border: 0.125rem solid var(--sapContent_FocusColor);
 		border-radius: 1rem;
 		pointer-events: none;
@@ -40,7 +40,7 @@ html.sap-desktop {
 .sapMSwt {
 	width: 2.875rem;
 	height: 1.5rem;
-	overflow: hidden;
+	overflow: visible;
 	border: none;
 	margin: 0;
 	border-radius: 0.75rem;

package/src/sap/m/themes/sap_horizon/TextArea.less

@@ -40,6 +40,7 @@
 }
 
 .sapMFocus.sapMTextArea.sapMInputBase.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
+	background: var(--sapField_ReadOnly_Background);
 
 	&::before {
 		top: 1px;

package/src/sap/m/themes/sap_horizon/Tokenizer.less

@@ -6,6 +6,7 @@
 @_sap_m_Tokenizer_OutlineOffset: 0.3125rem;
 
 .sapMTokenizer {
+	padding-left: 0.3125rem;
 	position: relative;
 	display: inline-block;
 	white-space: nowrap;

package/src/sap/m/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/m/themes/sap_horizon_dark/Switch.less

@@ -5,9 +5,9 @@
 
 /* Switch container */
 .sapMSwtCont {
-	overflow: visible;
+	overflow: hidden;
 	/* in order to have a touchable area of 2.75rem height and 3.5rem width */
-	padding: 0.625rem 0;
+	padding: 0.625rem 0.3125rem;
 }
 
 /* focus */
@@ -18,9 +18,9 @@ html.sap-desktop {
 		position: absolute;
 		display: block;
 		top: 0.375rem;
-		left: -0.25rem;
+		left: 0.0625rem;
 		bottom: 0.375rem;
-		right: -0.25rem;
+		right: 0.0625rem;
 		border: 0.125rem solid var(--sapContent_FocusColor);
 		border-radius: 1rem;
 		pointer-events: none;
@@ -40,7 +40,7 @@ html.sap-desktop {
 .sapMSwt {
 	width: 2.875rem;
 	height: 1.5rem;
-	overflow: hidden;
+	overflow: visible;
 	border: none;
 	margin: 0;
 	border-radius: 0.75rem;

package/src/sap/m/themes/sap_horizon_dark/TextArea.less

@@ -40,6 +40,7 @@
 }
 
 .sapMFocus.sapMTextArea.sapMInputBase.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
+	background: var(--sapField_ReadOnly_Background);
 
 	&::before {
 		top: 1px;

package/src/sap/m/themes/sap_horizon_dark/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/m/themes/sap_horizon_hcb/Switch.less

@@ -5,9 +5,9 @@
 
 /* Switch container */
 .sapMSwtCont {
-	overflow: visible;
+	overflow: hidden;
 	/* in order to have a touchable area of 2.75rem height and 3.5rem width */
-	padding: 0.625rem 0;
+	padding: 0.625rem 0.3125rem;
 }
 
 /* focus */
@@ -18,9 +18,9 @@ html.sap-desktop {
 		position: absolute;
 		display: block;
 		top: 0.375rem;
-		left: -0.25rem;
+		left: 0.0625rem;
 		bottom: 0.375rem;
-		right: -0.25rem;
+		right: 0.0625rem;
 		border: 0.125rem solid var(--sapContent_FocusColor);
 		border-radius: 1rem;
 		pointer-events: none;
@@ -40,7 +40,7 @@ html.sap-desktop {
 .sapMSwt {
 	width: 2.875rem;
 	height: 1.5rem;
-	overflow: hidden;
+	overflow: visible;
 	border: none;
 	margin: 0;
 	border-radius: 0.75rem;

package/src/sap/m/themes/sap_horizon_hcb/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/m/themes/sap_horizon_hcw/Switch.less

@@ -5,9 +5,9 @@
 
 /* Switch container */
 .sapMSwtCont {
-	overflow: visible;
+	overflow: hidden;
 	/* in order to have a touchable area of 2.75rem height and 3.5rem width */
-	padding: 0.625rem 0;
+	padding: 0.625rem 0.3125rem;
 }
 
 /* focus */
@@ -18,9 +18,9 @@ html.sap-desktop {
 		position: absolute;
 		display: block;
 		top: 0.375rem;
-		left: -0.25rem;
+		left: 0.0625rem;
 		bottom: 0.375rem;
-		right: -0.25rem;
+		right: 0.0625rem;
 		border: 0.125rem solid var(--sapContent_FocusColor);
 		border-radius: 1rem;
 		pointer-events: none;
@@ -40,7 +40,7 @@ html.sap-desktop {
 .sapMSwt {
 	width: 2.875rem;
 	height: 1.5rem;
-	overflow: hidden;
+	overflow: visible;
 	border: none;
 	margin: 0;
 	border-radius: 0.75rem;

package/src/sap/m/themes/sap_horizon_hcw/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2025 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/tnt/themes/sap_horizon/InfoLabel.less

@@ -1,11 +1,11 @@
-/* ================================= */
-/* CSS for control sap.tnt/InfoLabel */
-/* Horizon theme                     */
-/* ================================= */
+/* ================================== */
+/* CSS for control sap.tnt/InfoLabel  */
+/* Morning Horizon theme              */
+/* ================================== */
 
-// ==========================================================================
-// Variables and mixins
-// ==========================================================================
+/* ========================================================================== */
+/* Variables and mixins                                                       */
+/* ========================================================================== */
 
 @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
 @_sap_tnt_InfoLabel_DisplayModeBorder: none;
@@ -21,9 +21,9 @@
 @_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
 @_sap_tnt_InfoLabel_IconMargin: 0.25rem;
 @_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
-@_sap_tnt_InfoLabel_FontFamily: @sapUiFontSemiboldDuplexFamily;
+@_sap_tnt_InfoLabel_FontFamily: var(--sapFontSemiboldDuplexFamily);
 @_sap_tnt_InfoLabel_FontSize: @sapMFontMediumSize;
-@_sap_tnt_InfoLabel_DisplayFontSize: @sapMFontSmallSize;
+@_sap_tnt_InfoLabel_DisplayFontSize: var(--sapFontSmallSize);
 @_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
 @_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
 @_sap_tnt_InfoLabel_LetterSpacing: normal;
@@ -42,11 +42,13 @@
 
 .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
 
-// Iterate over the InfoLabel ColorsArray and create separate class for each
-// color named with the passed prefix and the number of the color
+/* Iterate over the InfoLabel ColorsArray and create separate class for each */
+/* color named with the passed prefix and the number of the color */
 .create-classes-for-background-and-border-colors(@prefix, @list) {
+
 	.iter(length(@list));
 	.iter(@i) when (@i > 0) {
+
 		.iter(@i - 1);
 
 		@pair: extract(@list, @i);

package/src/sap/tnt/themes/sap_horizon/SideNavigation.less

@@ -1,17 +1,15 @@
 /* ======================================= */
 /* CSS for control sap.tnt/SideNavigation  */
-/* Horizon theme                           */
+/* Morning Horizon theme                   */
 /* ======================================= */
 
 @_sap_tnt_SideNavigation_Width: 16rem;
 @_sap_tnt_SideNavigation_CollapsedWidth: 4rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.25rem 0.5rem 0.25rem 0.5rem;
-@_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapUiToolbarSeparatorColor;
+@_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: var(--sapToolbar_SeparatorColor);
 @_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
 @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
-@_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
-@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
+@_sap_tnt_SideNavigation_TriangleColor: var(--sapContent_NonInteractiveIconColor);
 @_sap_tnt_SideNavigation_BoxShadow: var(--sapContent_Shadow0);
 @_sap_tnt_SideNavigation_SeparatorMargin: 0.3125rem 0.5rem 0.3125rem 0.5rem;
-@_sap_tnt_SideNavigation_TriangleDisplay: none;
-@_sap_tnt_SideNavigation_PhoneWidth: ~"100% !important";
+@_sap_tnt_SideNavigation_TriangleDisplay: none;