@openui5/sap.tnt 1.108.19 → 1.108.20

package/THIRDPARTY.txt

@@ -478,7 +478,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.4.2
+Component: SAP Theming Base Content, version: 11.6.8
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.tnt",
-  "version": "1.108.19",
+  "version": "1.108.20",
   "description": "OpenUI5 UI Library sap.tnt",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,7 +14,7 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.m": "1.108.19",
-    "@openui5/sap.ui.core": "1.108.19"
+    "@openui5/sap.m": "1.108.20",
+    "@openui5/sap.ui.core": "1.108.20"
   }
 }

package/src/sap/tnt/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.108.19</version>
+  <version>1.108.20</version>
 
   <documentation>SAPUI5 library with responsive controls.</documentation>
 

package/src/sap/tnt/InfoLabel.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	 *
 	 * <h3>Overview</h3>
 	 *
-	 * The control visualizes text information without user interaction. The text inside the control is always in upper case. It can have smaller or larger side paddings which can be specified by the <code>renderMode</code> property.
+	 * The control visualizes text information without user interaction.
 	 * The  text-background color pair can be changed by setting a number between 1 and 10 that corresponds to the 10 predefined color combinations of the <code>colorScheme</code> property.
 	 * The control is designed to be vertically aligned with UI5 Input and Button control families.
 	 * When using <code>InfoLabel</code> in non-editable <code>Forms</code>, <code>Tables</code>, etc., set <code>displayOnly=true</code> for best visual results.
@@ -40,14 +40,14 @@ sap.ui.define([
 	 * <ul>
 	 * <li>If the text is longer than the width of the control, it doesn’t wrap. Instead, it’s represented as ellipsis. </li>
 	 * <li>When truncated, the full text in the control is not visible. Therefore, it’s recommended to make more space for longer items to be fully displayed.</li>
-	 * <li>Colors are not semantic and have no visual representation in sap_belize_hcb and sap_belize_hcw themes.</li>
+	 * <li>Colors are not semantic and have no visual representation in sap_belize_hcb, sap_belize_hcw, sap_fiori_3_hcb and sap_fiori_3_hcw themes.</li>
 	 * <li>The control shows plain text only, formatting is not visualized.</li>
 	 * </ul>
 	 *
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.19
+	 * @version 1.108.20
 	 *
 	 * @constructor
 	 * @public
@@ -68,13 +68,14 @@ sap.ui.define([
 				/**
 				 * Specifies the type of the <code>InfoLabel</code> paddings - loose or narrow.
 				 * <b>Note:</b> By default the padding is loose. It is recommended to use narrow (smaller) paddings for numeric texts.
+				 * <b>Note:</b> In Horizon theme there is only one mode and setting this property will not have effect.
 				 */
 				renderMode: { type: "sap.tnt.RenderMode", defaultValue: RenderMode.Loose, group: "Appearance" },
 				/**
 				 * Specifies the fill and text color of the control. Accepts a number between 1 and 10 as a value.
 				 * You can choose from 10 predefined background and text color combinations.
 				 * The color schemes are non-semantic, you can select them according to your own preferences.
-				 * <b>Note:</b> ColorScheme 10 is available only in Fiori 3 theme.
+				 * <b>Note:</b> ColorScheme 10 is available only in Fiori 3 and Horizon themes.
 				 * The default <code>colorScheme</code> is 7.
 				 */
 				colorScheme: { type: "int", group: "Misc", defaultValue: 7 },

package/src/sap/tnt/NavigationList.js

@@ -41,7 +41,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.108.19
+		 * @version 1.108.20
 		 *
 		 * @constructor
 		 * @public

package/src/sap/tnt/NavigationListItem.js

@@ -32,7 +32,7 @@ sap.ui.define(["sap/ui/thirdparty/jquery", "./library", 'sap/ui/core/Core', "sap
 		 * @extends sap.ui.core.Item
 		 *
 		 * @author SAP SE
-		 * @version 1.108.19
+		 * @version 1.108.20
 		 *
 		 * @constructor
 		 * @public

package/src/sap/tnt/SideNavigation.js

@@ -42,7 +42,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.108.19
+		 * @version 1.108.20
 		 *
 		 * @constructor
 		 * @public

package/src/sap/tnt/ToolHeader.js

@@ -123,7 +123,7 @@ sap.ui.define([
 	* @implements sap.tnt.IToolHeader
 	*
 	* @author SAP SE
-	* @version 1.108.19
+	* @version 1.108.20
 	*
 	* @constructor
 	* @public

package/src/sap/tnt/ToolHeaderUtilitySeparator.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.19
+	 * @version 1.108.20
 	 *
 	 * @constructor
 	 * @public

package/src/sap/tnt/ToolPage.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.19
+	 * @version 1.108.20
 	 *
 	 * @constructor
 	 * @public

package/src/sap/tnt/library.js

@@ -17,13 +17,13 @@ sap.ui.define(["sap/ui/core/library", "sap/m/library"],
 	 * @namespace
 	 * @alias sap.tnt
 	 * @author SAP SE
-	 * @version 1.108.19
+	 * @version 1.108.20
 	 * @since 1.36
 	 * @public
 	 */
 	var thisLib = sap.ui.getCore().initLibrary({
 		name : "sap.tnt",
-		version: "1.108.19",
+		version: "1.108.20",
 		dependencies : ["sap.ui.core", "sap.m"],
 		designtime: "sap/tnt/designtime/library.designtime",
 		types: [

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

@@ -6,31 +6,45 @@
 @_sap_tnt_InfoLabel_NarrowPadding: 0 0.1875rem;
 @_sap_tnt_InfoLabel_LineHeight: normal;
 @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
+@_sap_tnt_InfoLabel_Height: 1rem;
 @_sap_tnt_InfoLabel_HeightWithoutBorders: 0.875rem;
+@_sap_tnt_InfoLabel_FontFamily: @sapUiFontFamily;
+@_sap_tnt_InfoLabel_FontSize: @sapFontSmallSize;
+@_sap_tnt_InfoLabel_DisplayFontSize: @_sap_tnt_InfoLabel_FontSize;
+@_sap_tnt_InfoLabel_DisplayFontSizeIcon: @_sap_tnt_InfoLabel_FontSize;
+@_sap_tnt_InfoLabel_Padding: 0 0.3125rem;
+@_sap_tnt_InfoLabel_DisplayPadding: @_sap_tnt_InfoLabel_Padding;
+@_sap_tnt_InfoLabel_IconMargin: 0.125rem;
+@_sap_tnt_InfoLabel_DisplayIconMargin: 0.1875rem;
 @_sap_tnt_InfoLabel_PaddingWhenEmpty: 0 @_sap_tnt_InfoLabel_HeightWithoutBorders/2;
 @_sap_tnt_InfoLabel_DisplayModeBorder: none;
 @_sap_tnt_InfoLabel_DisplayModeBackground: @sapTextColor;
 @_sap_tnt_InfoLabel_DisplayModeColor: @sapContent_ContrastTextColor;
+@_sap_tnt_InfoLabel_BorderRadius: 0.5rem;
+@_sap_tnt_InfoLabel_DisplayBorderRadius: @_sap_tnt_InfoLabel_BorderRadius;
+@_sap_tnt_InfoLabel_Text: uppercase;
+@_sap_tnt_InfoLabel_LetterSpacing: 0.0125rem;
 
 /* ==========================================================================
    Root element
    ========================================================================== */
 .sapTntInfoLabel {
 	box-sizing: border-box;
-	padding: 0 0.3125rem;
+	padding: @_sap_tnt_InfoLabel_Padding;
 	text-align: center;
-	border-radius: 0.5rem;
-	height: 1rem;
+	border-radius: @_sap_tnt_InfoLabel_BorderRadius;
+	height: @_sap_tnt_InfoLabel_Height;
 	display: inline-block;
 	max-width: 100%;
 	line-height: @_sap_tnt_InfoLabel_LineHeight;
 
 	.sapTntInfoLabelInner {
-		font-size: @sapFontSmallSize;
+		font-size: @_sap_tnt_InfoLabel_FontSize;
 		font-weight: bold;
+		font-family: @_sap_tnt_InfoLabel_FontFamily;
 		vertical-align: top;
-		letter-spacing: 0.0125rem;
-		text-transform: uppercase;
+		letter-spacing: @_sap_tnt_InfoLabel_LetterSpacing;
+		text-transform: @_sap_tnt_InfoLabel_Text;
 		display: inline-block;
 		text-overflow: ellipsis;
 		white-space: nowrap;
@@ -49,10 +63,14 @@
 .sapTntInfoLabel.sapTntInfoLabelDisplayOnly {
 	border: @_sap_tnt_InfoLabel_DisplayModeBorder;
 	background: @_sap_tnt_InfoLabel_DisplayModeBackground;
+	height: 1rem;
+	border-radius: @_sap_tnt_InfoLabel_DisplayBorderRadius;
+	padding: @_sap_tnt_InfoLabel_DisplayPadding;
 
 	.sapTntInfoLabelInner {
 		color: @_sap_tnt_InfoLabel_DisplayModeColor;
 		line-height: @_sap_tnt_InfoLabel_LineHeightDisplayOnly;
+		font-size: @_sap_tnt_InfoLabel_DisplayFontSize;
 	}
 }
 
@@ -74,22 +92,25 @@
 	}
 
 	.sapUiIcon {
-		padding-right: 0.125rem;
+		padding-right: @_sap_tnt_InfoLabel_IconMargin;
 		line-height: @_sap_tnt_InfoLabel_HeightWithoutBorders;
 		vertical-align: top;
+		font-size: @_sap_tnt_InfoLabel_FontSize;
 	}
 
 	&.sapTntInfoLabelNoText {
 		padding: @_sap_tnt_InfoLabel_NarrowPadding;
 
-		.sapUiIcon {
-			padding-right: 0;
+		.sapTntInfoLabelInner .sapUiIcon {
+			padding-right: 0 !important;
 		}
 	}
 
-	&.sapTntInfoLabelDisplayOnly {
-		.sapUiIcon {
+	&.sapTntInfoLabelDisplayOnly .sapTntInfoLabelInner {
+		.sapUiIcon:not(.sapMBtnIcon) { // needs this to override Form styles
 			line-height: @_sap_tnt_InfoLabel_LineHeightDisplayOnly;
+			padding-right: @_sap_tnt_InfoLabel_DisplayIconMargin;
+			font-size: @_sap_tnt_InfoLabel_DisplayFontSizeIcon;
 		}
 	}
 }