@openui5/sap.tnt 1.117.1 → 1.118.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.tnt",
-  "version": "1.117.1",
+  "version": "1.118.0",
   "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.117.1",
-    "@openui5/sap.ui.core": "1.117.1"
+    "@openui5/sap.m": "1.118.0",
+    "@openui5/sap.ui.core": "1.118.0"
   }
 }

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.117.1</version>
+  <version>1.118.0</version>
 
   <documentation>SAPUI5 library with responsive controls.</documentation>
 

package/src/sap/tnt/InfoLabel.js

@@ -47,7 +47,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/tnt/NavigationList.js

@@ -53,7 +53,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.117.1
+		 * @version 1.118.0
 		 *
 		 * @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.117.1
+		 * @version 1.118.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/tnt/SideNavigation.js

@@ -38,7 +38,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.117.1
+		 * @version 1.118.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/tnt/ToolHeader.js

@@ -123,7 +123,7 @@ sap.ui.define([
 	* @implements sap.tnt.IToolHeader
 	*
 	* @author SAP SE
-	* @version 1.117.1
+	* @version 1.118.0
 	*
 	* @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.117.1
+	 * @version 1.118.0
 	 *
 	 * @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.117.1
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/tnt/ToolPageRenderer.js

@@ -43,7 +43,7 @@ sap.ui.define([
 			oRM.openStart("div")
 				.class("sapTntToolPageHeaderWrapper");
 
-			if (oHeader && oSubHeader) {
+			if (oHeader && oSubHeader && oSubHeader.getVisible()) {
 				oRM.class("sapTntToolPageHeaderWithSubHeaderWrapper");
 			}
 

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.117.1
+	 * @version 1.118.0
 	 * @since 1.36
 	 * @public
 	 */
 	var thisLib = sap.ui.getCore().initLibrary({
 		name : "sap.tnt",
-		version: "1.117.1",
+		version: "1.118.0",
 		dependencies : ["sap.ui.core", "sap.m"],
 		designtime: "sap/tnt/designtime/library.designtime",
 		types: [

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

@@ -7,10 +7,14 @@
 @_sap_tnt_NavigationList_IconColor: @sapUiContentIconColor;
 @_sap_tnt_NavigationList_IconFontSize: 1rem;
 @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentIconColor;
+@_sap_tnt_NavigationList_HoverBorderStyleColor: none;
+@_sap_tnt_NavigationList_HoverBorderWidth: 0;
+@_sap_tnt_NavigationList_GroupBorderStyleColor: solid @sapUiListBorderColor;
+@_sap_tnt_NavigationList_GroupBorderWidth: 0 0 0.0625rem 0;
+@_sap_tnt_NavigationList_ItemBorderStyleColor: none;
+@_sap_tnt_NavigationList_ItemBorderWidth: 0;
 @_sap_tnt_NavigationList_ItemHeight: 3rem;
-@_sap_tnt_NavigationList_ItemBorder: none;
-@_sap_tnt_NavigationList_LastItemBorder: none;
-@_sap_tnt_NavigationList_HoverItemBorder: none;
+@_sap_tnt_NavigationList_LastItemBorderStyleColor: none;
 @_sap_tnt_NavigationList_ItemBorderRadius: 0;
 @_sap_tnt_NavigationList_ItemBottomMargin: 0;
 @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0;
@@ -18,13 +22,16 @@
 @_sap_tnt_NavigationList_NoIconsGroupPadding: 1rem;
 @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 1rem;
 @_sap_tnt_NavigationList_ItemFocusBorderOffset: 1px;
+@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: ~"0 100% / 100% 0.125rem" no-repeat linear-gradient(0deg, @sapUiListSelectionBorderColor, @sapUiListSelectionBorderColor), @sapUiListSelectionBackgroundColor;
 @_sap_tnt_NavigationList_SelectedItemBorderColor: @sapUiListSelectionBorderColor;
-@_sap_tnt_NavigationList_SelectedItemBorder: 1px solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
-@_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 1px solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
+@_sap_tnt_NavigationList_SelectedBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
+@_sap_tnt_NavigationList_SelectedBorderWidth: 0 0 0.0625rem 0;
+@_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
 @_sap_tnt_NavigationList_Collapsed_SelectedGroupBorderColor: @_sap_tnt_NavigationList_SelectedItemBorderColor;
-@_sap_tnt_NavigationList_Collapsed_GroupBorderColor: @sapUiListBorderColor;
+@_sap_tnt_NavigationList_Collapsed_GroupBorderWidth: @sapUiListBorderColor;
+@_sap_tnt_NavigationList_GroupExpandedBorderWidth: @_sap_tnt_NavigationList_GroupBorderWidth;
 @_sap_tnt_NavigationList_GroupIconWidth: @_sap_tnt_NavigationList_CollapsedWidth;
-@_sap_tnt_NavigationList_GroupBorder: 1px solid @sapUiListBorderColor;
 @_sap_tnt_NavigationList_GroupBottomBorderColor: @sapUiListBorderColor;
 @_sap_tnt_NavigationList_GroupTextWeight: unset;
 @_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0;
@@ -68,7 +75,7 @@
 }
 
 .sapTntNavLIItem {
-	width : 100%;
+	width: 100%;
 	height: @_sap_tnt_NavigationList_ItemHeight;
 	box-sizing: border-box;
 	cursor: pointer;
@@ -76,13 +83,22 @@
 	border-radius: @_sap_tnt_NavigationList_ItemBorderRadius;
 	transition: @_sap_tnt_NavigationList_ItemTransition;
 
+	// borders are drawn using a pseudo element.
+	// in some themes, the border is drawn only on the bottom.
+	// in high contrast themes the border is on all sides and there is extra border on hover
+	&::before {
+		content: "";
+		position: absolute;
+		inset: 0;
+	}
+
 	span {
 		cursor: pointer;
 	}
 
 	&.sapTntNavLIItemDisabled {
 		cursor: auto;
-	  	opacity: @sapContent_DisabledOpacity;
+		opacity: @sapContent_DisabledOpacity;
 
 		span {
 			cursor: auto;
@@ -103,7 +119,7 @@
 	}
 
 	a {
-		width : 100%;
+		width: 100%;
 		height: 100%;
 		text-decoration: none;
 		outline: none;
@@ -113,19 +129,54 @@
 	}
 }
 
-.sapTntNavLIGroupItem {
-	border-bottom: @_sap_tnt_NavigationList_ItemBorder;
+// defines the styles for border when selected, border when hovering (hover used in high contrast themes)
+.sapTntNavLI li .sapTntNavLIItem:not(.sapTntNavLIItemDisabled) {
+	&.sapTntNavLIItemSelected::before {
+		border: @_sap_tnt_NavigationList_SelectedBorderStyleColor;
+		border-width: @_sap_tnt_NavigationList_SelectedBorderWidth;
+	}
 
 	&:hover,
 	&:active,
 	.sapTntNavLIPopover &:last-child:hover,
 	.sapTntNavLIPopover &:last-child:active {
-		border-bottom: @_sap_tnt_NavigationList_HoverItemBorder;
+		&:not(.sapTntNavLIItemSelected)::before {
+			border: @_sap_tnt_NavigationList_HoverBorderStyleColor;
+			border-width: @_sap_tnt_NavigationList_HoverBorderWidth;
+		}
 	}
 }
 
-.sapTntNavLIPopover .sapTntNavLIGroupItem:last-child {
-	border-bottom: @_sap_tnt_NavigationList_LastItemBorder;
+.sapTntNavLIGroupItem {
+	&::before {
+		border: @_sap_tnt_NavigationList_ItemBorderStyleColor;
+		border-width: @_sap_tnt_NavigationList_ItemBorderWidth;
+	}
+}
+
+.sapTntNavLIGroup::before {
+	border: @_sap_tnt_NavigationList_GroupBorderStyleColor;
+	border-width: @_sap_tnt_NavigationList_GroupBorderWidth;
+
+	.sapTntNavLICollapsed & {
+		border-width: @_sap_tnt_NavigationList_Collapsed_GroupBorderWidth;
+	}
+}
+
+// When a group is expanded, defines the border of the group and of its last item
+.sapTntNavLI:not(.sapTntNavLIPopup) {
+	.sapTntNavLIGroup[aria-expanded="true"]::before {
+		border-width: @_sap_tnt_NavigationList_GroupExpandedBorderWidth;
+	}
+
+	.sapTntNavLIGroupItem:last-child::before {
+		border: @_sap_tnt_NavigationList_GroupBorderStyleColor;
+		border-width: @_sap_tnt_NavigationList_GroupBorderWidth;
+	}
+}
+
+.sapTntNavLIPopover .sapTntNavLIGroupItem:last-child::before {
+	border: @_sap_tnt_NavigationList_LastItemBorderStyleColor;
 }
 
 .sapTntNavLIText {
@@ -187,7 +238,6 @@
 
 .sapTntNavLI .sapTntNavLIExpandIcon {
 	min-width: 2rem;
-	// padding: 0.75rem 0;
 	font-size: 0.875rem;
 
 	pointer-events: all;
@@ -211,20 +261,8 @@
 	position: relative;
 }
 
-.sapTntNavLIGroup {
-	border-bottom: @_sap_tnt_NavigationList_GroupBorder;
-
-	.sapTntNavLIText {
-		font-weight: @_sap_tnt_NavigationList_GroupTextWeight;
-	}
-}
-
-.sapTntNavLI:not(.sapTntNavLIPopup) .sapTntNavLIGroup[aria-expanded="true"] {
-	border-color: @_sap_tnt_NavigationList_GroupBottomBorderColor;
-}
-
-.sapTntNavLICollapsed .sapTntNavLIGroup {
-	border-color: @_sap_tnt_NavigationList_Collapsed_GroupBorderColor;
+.sapTntNavLIGroup .sapTntNavLIText {
+	font-weight: @_sap_tnt_NavigationList_GroupTextWeight;
 }
 
 .sapTntNavLIItem:not(.sapTntNavLIItemDisabled):hover {
@@ -232,9 +270,15 @@
 }
 
 .sapTntNavLIItem:not(.sapTntNavLIItemDisabled).sapTntNavLIActive,
+.sapTntNavLICollapsed.sapTntNavLIGroup.sapTntNavLIItemSelected,
 .sapTntNavLI .sapTntNavLIGroup.sapTntNavLIItem:not(.sapTntNavLIItemDisabled):active,
-.sapTntNavLI .sapTntNavLIGroupItem.sapTntNavLIItem:not(.sapTntNavLIItemDisabled):active{
-	background-color: @sapUiListActiveBackground;
+.sapTntNavLI .sapTntNavLIGroupItem.sapTntNavLIItem:not(.sapTntNavLIItemDisabled):active {
+	background: @sapUiListActiveBackground;
+
+	&::before {
+		border: @_sap_tnt_NavigationList_SelectedBorderStyleColor;
+		border-width: @_sap_tnt_NavigationList_SelectedBorderWidth;
+	}
 
 	.sapMText {
 		color: @sapUiListActiveTextColor;
@@ -286,42 +330,13 @@
 }
 
 .sapTntNavLI:not(.sapTntNavLIPopup) {
-	.sapTntNavLIGroupItem.sapTntNavLIItem:last-child {
-		border-bottom: @_sap_tnt_NavigationList_GroupBorder;
-
-		&.sapTntNavLIItemSelected {
-			border-color: @sapUiListSelectionBorderColor;
-		}
-	}
-
 	li:not(:last-of-type) .sapTntNavLIItem {
 		margin-bottom: @_sap_tnt_NavigationList_ItemBottomMargin;
 	}
 }
 
-.sapTntNavLI:not(.sapTntNavLICollapsed) .sapTntNavLIItemSelected:not(.sapTntNavLIItemDisabled) {
-	border-bottom: @_sap_tnt_NavigationList_SelectedItemBorder;
-}
-
-.sapTntNavLICollapsed .sapTntNavLIItemSelected:not(.sapTntNavLIItemDisabled) {
-	border-bottom: none;
-
-	// create the selection indicator with pseudo element, in order to avoid it having border-radius
-	&::after {
-		content: "";
-		position: absolute;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		border-bottom: @_sap_tnt_NavigationList_Collapsed_SelectedItemBorder;
-	}
-}
-
-.sapTntNavLICollapsed,
-.sapTntNavLIPopup {
-	.sapTntNavLIGroup.sapTntNavLIItemSelected {
-		border-color: @_sap_tnt_NavigationList_Collapsed_SelectedGroupBorderColor;
-	}
+.sapTntNavLICollapsed .sapTntNavLIItemSelected:not(.sapTntNavLIItemDisabled):not(.sapTntNavLIActive) {
+	background: @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground;
 }
 
 .sapTntNavLI li:focus,
@@ -329,18 +344,15 @@
 	outline: none;
 }
 
-.sapTntNavLI li:focus .sapTntNavLIItem::before,
-.sapTntNavLIItem:focus::before {
+.sapTntNavLI li:focus .sapTntNavLIItem::after,
+.sapTntNavLIItem:focus::after {
 	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 	position: absolute;
-	content: " ";
-	top: @_sap_tnt_NavigationList_ItemFocusBorderOffset;
-	right: @_sap_tnt_NavigationList_ItemFocusBorderOffset;
-	bottom: @_sap_tnt_NavigationList_ItemFocusBorderOffset;
-	left: @_sap_tnt_NavigationList_ItemFocusBorderOffset;
+	content: "";
+	inset: @_sap_tnt_NavigationList_ItemFocusBorderOffset;
 	z-index: 2;
 	pointer-events: none;
-	border-radius: @_sap_tnt_NavigationList_ItemBorderRadius;
+	border-radius: @_sap_tnt_NavigationList_ItemFocusBorderRadius;
 }
 
 // NavigationList with icons
@@ -397,7 +409,6 @@
 
 	.sapUiMnuLst {
 		li.sapUiMnuItm {
-			border-bottom: @_sap_tnt_NavigationList_LastItemBorder;
 			display: flex;
 			align-items: center;
 			height: @_sap_tnt_NavigationList_ItemHeight;
@@ -427,7 +438,8 @@
 
 			&:not(:last-child) {
 				margin-bottom: 0.1875rem;
-				border-bottom: @_sap_tnt_NavigationList_ItemBorder;
+				border: @_sap_tnt_NavigationList_ItemBorderStyleColor;
+				border-width: @_sap_tnt_NavigationList_ItemBorderWidth;
 			}
 		}
 
@@ -470,7 +482,13 @@
 
 			&.sapUiMnuItmSubMnuOpen,
 			&.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
-				border-bottom: @_sap_tnt_NavigationList_SelectedItemBorder;
+				&::before {
+					position: absolute;
+					content: "";
+					inset: 0;
+					border: @_sap_tnt_NavigationList_SelectedBorderStyleColor;
+					border-width: @_sap_tnt_NavigationList_SelectedBorderWidth;
+				}
 			}
 		}
 	}

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

@@ -11,6 +11,7 @@
 @_sap_tnt_SideNavigation_NavigationSeparatorRadius: unset;
 @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 1px;
 @_sap_tnt_SideNavigation_TriangleColor: @sapUiContentIconColor;
+@_sap_tnt_SideNavigation_BorderRight: 1px solid @sapUiGroupContentBorderColor;
 @_sap_tnt_SideNavigation_BorderRadius: 0;
 @_sap_tnt_SideNavigation_PhoneBorderRadius: 0;
 @_sap_tnt_SideNavigation_BoxShadow: none;
@@ -24,7 +25,7 @@
   box-sizing: border-box;
   overflow: hidden;
   background: @sapUiListBackground;
-  border-right: 1px solid @sapUiGroupContentBorderColor;
+	border-right: @_sap_tnt_SideNavigation_BorderRight;
 	box-shadow: @_sap_tnt_SideNavigation_BoxShadow;
 	border-radius: @_sap_tnt_SideNavigation_BorderRadius;
 	width: @_sap_tnt_SideNavigation_Width;

package/src/sap/tnt/themes/base/illustrations/metadata.json

@@ -35,5 +35,82 @@
 		"Unlock",
 		"UnsuccessfulAuth",
 		"User2"
-	]
+	],
+	"collections": [{
+		"prefix": "v5/hc/",
+		"mappings": {
+			"ChartArea": "ChartArea-alternate",
+			"ChartArea2": "ChartArea2-alternate",
+			"ChartBPMNFlow": "ChartBPMNFlow-alternate",
+			"ChartBar": "ChartBar-alternate",
+			"ChartBullet": "ChartBullet-alternate",
+			"ChartDoughnut": "ChartDoughnut-alternate",
+			"ChartFlow": "ChartFlow-alternate",
+			"ChartGantt": "ChartGantt-alternate",
+			"ChartOrg": "ChartOrg-alternate",
+			"ChartPie": "ChartPie-alternate",
+			"CodePlaceholder": "CodePlaceholder-alternate",
+			"Company": "Company-alternate",
+			"Components": "Components-alternate",
+			"EmptyContentPane": "EmptyContentPane-alternate",
+			"ExternalLink": "ExternalLink-alternate",
+			"FaceID": "FaceID-alternate",
+			"Fingerprint": "Fingerprint-alternate",
+			"Lock": "Lock-alternate",
+			"Mission": "Mission-alternate",
+			"NoApplications": "NoApplications-alternate",
+			"NoFlows": "NoFlows-alternate",
+			"NoUsers": "NoUsers-alternate",
+			"Radar": "Radar-alternate",
+			"Secrets": "Secrets-alternate",
+			"Services": "Services-alternate",
+			"SessionExpired": "SessionExpired-alternate",
+			"SessionExpiring": "SessionExpiring-alternate",
+			"Success": "Success-alternate",
+			"SuccessfulAuth": "SuccessfulAuth-alternate",
+			"Systems": "Systems-alternate",
+			"Teams": "Teams-alternate",
+			"Tools": "Tools-alternate",
+			"UnSuccessfulAuth": "UnSuccessfulAuth-alternate",
+			"Unlock": "Unlock-alternate"
+		}
+	},{
+		"prefix": "v5/",
+		"mappings": {
+			"ChartArea": "ChartArea",
+			"ChartArea2": "ChartArea2",
+			"ChartBPMNFlow": "ChartBPMNFlow",
+			"ChartBar": "ChartBar",
+			"ChartBullet": "ChartBullet",
+			"ChartDoughnut": "ChartDoughnut",
+			"ChartFlow": "ChartFlow",
+			"ChartGantt": "ChartGantt",
+			"ChartOrg": "ChartOrg",
+			"ChartPie": "ChartPie",
+			"CodePlaceholder": "CodePlaceholder",
+			"Company": "Company",
+			"Components": "Components",
+			"EmptyContentPane": "EmptyContentPane",
+			"ExternalLink": "ExternalLink",
+			"FaceID": "FaceID",
+			"Fingerprint": "Fingerprint",
+			"Lock": "Lock",
+			"Mission": "Mission",
+			"NoApplications": "NoApplications",
+			"NoFlows": "NoFlows",
+			"NoUsers": "NoUsers",
+			"Radar": "Radar",
+			"Secrets": "Secrets",
+			"Services": "Services",
+			"SessionExpired": "SessionExpired",
+			"SessionExpiring": "SessionExpiring",
+			"Success": "Success",
+			"SuccessfulAuth": "SuccessfulAuth",
+			"Systems": "Systems",
+			"Teams": "Teams",
+			"Tools": "Tools",
+			"UnSuccessfulAuth": "UnSuccessfulAuth",
+			"Unlock": "Unlock"
+		}
+	}]
 }

package/src/sap/tnt/themes/base/illustrations/v5/hc/tnt-Dialog-ChartArea-alternate.svg

@@ -0,0 +1,14 @@
+<svg width="161" height="160" viewBox="0 0 161 160" fill="none" xmlns="http://www.w3.org/2000/svg" id="tnt-Dialog-ChartArea-alternate">
+<rect x="-1.47461" y="59.9194" width="141.756" height="94.6754" rx="8.41815" transform="rotate(-16.24 -1.47461 59.9194)" style="fill:var(--sapContent_Illustrative_Color6)"/>
+<path d="M6.21577 63.1493C5.13226 59.4295 7.26937 55.5357 10.9891 54.4522L127.396 20.5446C131.116 19.4611 135.01 21.5982 136.093 25.318L157.508 98.8374C158.592 102.557 156.455 106.451 152.735 107.534L36.3279 141.442C32.6081 142.526 28.7143 140.388 27.6308 136.669L6.21577 63.1493Z" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2898 52.0519L126.697 18.1443C131.742 16.6747 137.024 19.5734 138.493 24.6187L159.909 98.1381C161.378 103.184 158.479 108.465 153.434 109.935L37.0268 143.842C31.9814 145.312 26.7 142.413 25.2303 137.368L3.81531 63.8484C2.34568 58.803 5.24438 53.5215 10.2898 52.0519ZM10.9889 54.4521C7.26916 55.5356 5.13206 59.4295 6.21556 63.1492L27.6306 136.669C28.7141 140.388 32.6079 142.525 36.3277 141.442L152.735 107.534C156.455 106.451 158.592 102.557 157.508 98.8373L136.093 25.3179C135.01 21.5981 131.116 19.461 127.396 20.5445L10.9889 54.4521Z" style="fill:var(--sapContent_Illustrative_Color4)"/>
+<path d="M6.21577 63.1493C5.13226 59.4295 7.26937 55.5357 10.9891 54.4522L127.396 20.5446C131.116 19.4611 135.01 21.5982 136.093 25.318L138.903 34.9626L9.02508 72.7939L6.21577 63.1493Z" style="fill:var(--sapContent_Illustrative_Color5)"/>
+<circle cx="17.8004" cy="61.6041" r="3.15681" transform="rotate(-16.24 17.8004 61.6041)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<circle cx="29.2501" cy="58.2691" r="3.15681" transform="rotate(-16.24 29.2501 58.2691)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<circle cx="40.7003" cy="54.9341" r="3.15681" transform="rotate(-16.24 40.7003 54.9341)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<rect x="30.7183" y="77.4512" width="96.6607" height="50.2387" rx="3.19604" transform="rotate(-16.24 30.7183 77.4512)" style="fill:var(--sapContent_Illustrative_Color7)"/>
+<rect x="35.5576" y="94.0649" width="96.6607" height="32.9345" rx="3.19604" transform="rotate(-16.24 35.5576 94.0649)" style="fill:var(--sapContent_Illustrative_Color18)"/>
+<rect x="40.27" y="110.243" width="96.6607" height="16.0843" rx="3.19604" transform="rotate(-16.24 40.27 110.243)" style="fill:var(--sapContent_Illustrative_Color19)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M128.751 50.6742C129.498 51.5398 129.401 52.8466 128.535 53.5932L109.752 69.7935C109.359 70.1327 108.92 70.4147 108.448 70.6311L67.7263 89.3003C67.6226 89.3478 67.5252 89.408 67.4363 89.4796L37.3225 113.711C36.432 114.427 35.1292 114.286 34.4126 113.396C33.6961 112.505 33.8371 111.203 34.7276 110.486L64.8414 86.2547C65.1969 85.9686 65.5864 85.7277 66.0012 85.5376L106.723 66.8684C106.841 66.8143 106.951 66.7438 107.049 66.659L125.832 50.4587C126.698 49.7122 128.004 49.8086 128.751 50.6742Z" style="fill:var(--sapContent_Illustrative_Color3)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M132.54 59.1855C133.477 59.8395 133.707 61.1297 133.053 62.0671L113.598 89.9519C112.877 90.985 111.824 91.7404 110.615 92.0927L69.9429 103.94C69.7691 103.99 69.6069 104.075 69.4657 104.188L42.7815 125.582C41.8897 126.297 40.5871 126.154 39.8721 125.262C39.1571 124.37 39.3004 123.068 40.1922 122.353L66.8764 100.959C67.4414 100.506 68.09 100.168 68.7853 99.9657L109.457 88.1186C109.76 88.0305 110.023 87.8416 110.203 87.5834L129.658 59.6986C130.312 58.7612 131.603 58.5315 132.54 59.1855Z" style="fill:var(--sapContent_Illustrative_Color14)"/>
+</svg>

package/src/sap/tnt/themes/base/illustrations/v5/hc/tnt-Dialog-ChartArea2-alternate.svg

@@ -0,0 +1,13 @@
+<svg width="161" height="160" viewBox="0 0 161 160" fill="none" xmlns="http://www.w3.org/2000/svg" id="tnt-Dialog-ChartArea2-alternate">
+<rect x="-1.47461" y="59.9194" width="141.756" height="94.6754" rx="8.41815" transform="rotate(-16.24 -1.47461 59.9194)" style="fill:var(--sapContent_Illustrative_Color6)"/>
+<path d="M6.21577 63.1493C5.13226 59.4295 7.26937 55.5357 10.9891 54.4522L127.396 20.5446C131.116 19.4611 135.01 21.5982 136.093 25.318L157.508 98.8374C158.592 102.557 156.455 106.451 152.735 107.534L36.3279 141.442C32.6081 142.526 28.7143 140.388 27.6308 136.669L6.21577 63.1493Z" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2898 52.0519L126.697 18.1443C131.742 16.6747 137.024 19.5734 138.493 24.6187L159.909 98.1381C161.378 103.184 158.479 108.465 153.434 109.935L37.0268 143.842C31.9814 145.312 26.7 142.413 25.2303 137.368L3.81531 63.8484C2.34568 58.803 5.24438 53.5215 10.2898 52.0519ZM10.9889 54.4521C7.26916 55.5356 5.13206 59.4295 6.21556 63.1492L27.6306 136.669C28.7141 140.388 32.6079 142.525 36.3277 141.442L152.735 107.534C156.455 106.451 158.592 102.557 157.508 98.8373L136.093 25.3179C135.01 21.5981 131.116 19.461 127.396 20.5445L10.9889 54.4521Z" style="fill:var(--sapContent_Illustrative_Color4)"/>
+<path d="M6.21577 63.1493C5.13226 59.4295 7.26937 55.5357 10.9891 54.4522L127.396 20.5446C131.116 19.4611 135.01 21.5982 136.093 25.318L138.903 34.9626L9.02508 72.7939L6.21577 63.1493Z" style="fill:var(--sapContent_Illustrative_Color5)"/>
+<circle cx="17.8004" cy="61.6041" r="3.15681" transform="rotate(-16.24 17.8004 61.6041)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<circle cx="29.2501" cy="58.2691" r="3.15681" transform="rotate(-16.24 29.2501 58.2691)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<circle cx="40.7003" cy="54.9341" r="3.15681" transform="rotate(-16.24 40.7003 54.9341)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M127.238 56.123C128.415 56.4543 129.251 57.4566 129.593 58.6309L140.046 94.516C140.472 95.9792 139.631 97.5109 138.168 97.9372L43.881 125.401C42.4177 125.828 40.886 124.987 40.4598 123.524L34.7078 103.777C34.3113 102.415 34.6278 100.936 35.6201 99.9228C40.5079 94.9337 47.5487 90.2208 57.2814 88.985C74.4144 86.8096 87.109 80.1336 96.9185 72.7497C99.735 70.6297 102.342 68.4633 104.806 66.4165C113.083 59.5397 119.736 54.012 127.238 56.123Z" style="fill:var(--sapContent_Illustrative_Color13)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M131.21 64.1832L140.045 94.5152C140.472 95.9784 139.631 97.5101 138.168 97.9363L43.8808 125.401C42.4175 125.827 40.8858 124.986 40.4596 123.523L36.025 108.299C44.9004 106.965 58.2888 103.614 71.4956 96.5055C77.8385 93.0913 83.8376 88.7984 89.9151 84.4494C102.198 75.6602 114.801 66.6416 131.21 64.1832Z" style="fill:var(--sapContent_Illustrative_Color3)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133.186 61.0975L142.695 93.744C143.548 96.6705 141.866 99.7339 138.94 100.586L44.6529 128.051C41.7264 128.903 38.663 127.222 37.8106 124.295L32.493 106.039L35.6154 105.57C44.2583 104.272 57.3257 100.999 70.1881 94.0762C76.3492 90.7599 82.205 86.5743 88.3097 82.2059L88.5151 82.0589C100.667 73.363 113.734 64.0117 130.802 61.4547L133.186 61.0975ZM38.7677 107.846C47.5298 106.271 59.5868 102.916 71.496 96.506C77.8389 93.0919 83.838 88.799 89.9155 84.45C102.198 75.6607 114.801 66.6421 131.211 64.1837L140.046 94.5157C140.472 95.979 139.631 97.5107 138.168 97.9369L43.8812 125.401C42.4179 125.827 40.8862 124.987 40.46 123.524L36.0254 108.299C36.8974 108.168 37.813 108.018 38.7677 107.846Z" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M135.646 79.4126L140.045 94.515C140.472 95.9782 139.631 97.5099 138.168 97.9361L43.8808 125.4C42.4175 125.827 40.8858 124.986 40.4596 123.523L39.596 120.558C47.5421 112.691 62.3109 102.955 84.354 99.977C105.997 97.053 124.301 87.3967 135.646 79.4126Z" style="fill:var(--sapContent_Illustrative_Color2)"/>
+</svg>

package/src/sap/tnt/themes/base/illustrations/v5/hc/tnt-Dialog-ChartBPMNFlow-alternate.svg

@@ -0,0 +1,21 @@
+<svg width="161" height="160" viewBox="0 0 161 160" fill="none" xmlns="http://www.w3.org/2000/svg" id="tnt-Dialog-ChartBPMNFlow-alternate">
+<rect x="-1.47461" y="59.9193" width="141.756" height="94.6754" rx="8.41815" transform="rotate(-16.24 -1.47461 59.9193)" style="fill:var(--sapContent_Illustrative_Color6)"/>
+<path d="M6.21577 63.1495C5.13226 59.4298 7.26937 55.536 10.9891 54.4524L127.396 20.5449C131.116 19.4614 135.01 21.5985 136.093 25.3182L157.508 98.8376C158.592 102.557 156.455 106.451 152.735 107.535L36.3279 141.442C32.6081 142.526 28.7143 140.389 27.6308 136.669L6.21577 63.1495Z" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2898 52.0522L126.697 18.1446C131.742 16.675 137.024 19.5737 138.493 24.6191L159.909 98.1385C161.378 103.184 158.479 108.465 153.434 109.935L37.0268 143.843C31.9814 145.312 26.7 142.413 25.2303 137.368L3.81531 63.8487C2.34568 58.8033 5.24438 53.5218 10.2898 52.0522ZM10.9889 54.4524C7.26916 55.5359 5.13206 59.4298 6.21556 63.1495L27.6306 136.669C28.7141 140.389 32.6079 142.526 36.3277 141.442L152.735 107.535C156.455 106.451 158.592 102.557 157.508 98.8376L136.093 25.3182C135.01 21.5985 131.116 19.4614 127.396 20.5449L10.9889 54.4524Z" style="fill:var(--sapContent_Illustrative_Color4)"/>
+<path d="M6.21577 63.1495C5.13226 59.4298 7.26937 55.536 10.9891 54.4524L127.396 20.5449C131.116 19.4614 135.01 21.5985 136.093 25.3182L138.903 34.9628L9.02508 72.7941L6.21577 63.1495Z" style="fill:var(--sapContent_Illustrative_Color5)"/>
+<circle cx="17.8004" cy="61.604" r="3.15681" transform="rotate(-16.24 17.8004 61.604)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<circle cx="29.2501" cy="58.269" r="3.15681" transform="rotate(-16.24 29.2501 58.269)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<circle cx="40.7003" cy="54.9339" r="3.15681" transform="rotate(-16.24 40.7003 54.9339)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<rect x="21.7139" y="78" width="114.258" height="54.2213" rx="3.4494" transform="rotate(-16.24 21.7139 78)" style="fill:var(--sapContent_Illustrative_Color7)"/>
+<rect x="28.3433" y="81.5266" width="103.482" height="22.0762" rx="3.19604" transform="rotate(-16.24 28.3433 81.5266)" style="fill:var(--sapContent_Illustrative_Color18)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M44.1869 113.558L115.246 92.8592L115.825 94.8463L44.7657 115.545L44.1869 113.558Z" style="fill:var(--sapContent_Illustrative_Color4)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M118.5 70.3545L124.288 90.2251L122.301 90.8039L116.513 70.9333L118.5 70.3545Z" style="fill:var(--sapContent_Illustrative_Color4)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M79.583 83.8462L84.7922 101.73L82.8052 102.309L77.596 84.425L79.583 83.8462Z" style="fill:var(--sapContent_Illustrative_Color4)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.4005 87.8506L114.597 66.8209L115.176 68.808L42.9793 89.8377L42.4005 87.8506Z" style="fill:var(--sapContent_Illustrative_Color4)"/>
+<circle cx="48.5301" cy="113.828" r="6.20892" transform="rotate(-16.24 48.5301 113.828)" style="fill:var(--sapContent_Illustrative_Color2)"/>
+<circle cx="41.3914" cy="89.3209" r="6.20892" transform="rotate(-16.24 41.3914 89.3209)" style="fill:var(--sapContent_Illustrative_Color13)"/>
+<circle cx="115.738" cy="67.665" r="6.20892" transform="rotate(-16.24 115.738 67.665)" style="fill:var(--sapContent_Illustrative_Color3)"/>
+<rect x="59.8677" y="76.6551" width="31.7195" height="13.7976" rx="1.37989" transform="rotate(-16.24 59.8677 76.6551)" style="fill:var(--sapContent_Illustrative_Color2)"/>
+<rect x="104.566" y="90.2216" width="30.6622" height="13.7976" rx="1.37989" transform="rotate(-16.24 104.566 90.2216)" style="fill:var(--sapContent_Illustrative_Color13)"/>
+<rect x="82.0938" y="94.6117" width="12.1954" height="12.1954" rx="1.37989" transform="rotate(28.76 82.0938 94.6117)" style="fill:var(--sapContent_Illustrative_Color14)"/>
+</svg>

package/src/sap/tnt/themes/base/illustrations/v5/hc/tnt-Dialog-ChartBar-alternate.svg

@@ -0,0 +1,13 @@
+<svg width="161" height="160" viewBox="0 0 161 160" fill="none" xmlns="http://www.w3.org/2000/svg" id="tnt-Dialog-ChartBar-alternate">
+<rect x="-1.47461" y="59.9194" width="141.756" height="94.6754" rx="8.41815" transform="rotate(-16.24 -1.47461 59.9194)" style="fill:var(--sapContent_Illustrative_Color6)"/>
+<path d="M6.21577 63.1493C5.13226 59.4295 7.26937 55.5357 10.9891 54.4522L127.396 20.5446C131.116 19.4611 135.01 21.5982 136.093 25.318L157.508 98.8374C158.592 102.557 156.455 106.451 152.735 107.534L36.3279 141.442C32.6081 142.526 28.7143 140.388 27.6308 136.669L6.21577 63.1493Z" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2898 52.0519L126.697 18.1443C131.742 16.6747 137.024 19.5734 138.493 24.6187L159.909 98.1381C161.378 103.184 158.479 108.465 153.434 109.935L37.0268 143.842C31.9814 145.312 26.7 142.413 25.2303 137.368L3.81531 63.8484C2.34568 58.803 5.24438 53.5215 10.2898 52.0519ZM10.9889 54.4521C7.26916 55.5356 5.13206 59.4295 6.21556 63.1492L27.6306 136.669C28.7141 140.388 32.6079 142.525 36.3277 141.442L152.735 107.534C156.455 106.451 158.592 102.557 157.508 98.8373L136.093 25.3179C135.01 21.5981 131.116 19.461 127.396 20.5445L10.9889 54.4521Z" style="fill:var(--sapContent_Illustrative_Color4)"/>
+<path d="M6.21577 63.1493C5.13226 59.4295 7.26937 55.5357 10.9891 54.4522L127.396 20.5446C131.116 19.4611 135.01 21.5982 136.093 25.318L138.903 34.9626L9.02508 72.7939L6.21577 63.1493Z" style="fill:var(--sapContent_Illustrative_Color5)"/>
+<circle cx="17.8004" cy="61.6041" r="3.15681" transform="rotate(-16.24 17.8004 61.6041)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<circle cx="29.2501" cy="58.2691" r="3.15681" transform="rotate(-16.24 29.2501 58.2691)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<circle cx="40.7003" cy="54.9341" r="3.15681" transform="rotate(-16.24 40.7003 54.9341)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<rect x="21.7139" y="78" width="114.258" height="54.2213" rx="3.4494" transform="rotate(-16.24 21.7139 78)" style="fill:var(--sapContent_Illustrative_Color7)"/>
+<rect x="37.1841" y="84.0405" width="87.9308" height="8.39441" rx="1.37989" transform="rotate(-16.24 37.1841 84.0405)" style="fill:var(--sapContent_Illustrative_Color3)"/>
+<rect x="40.7603" y="96.3174" width="63.5926" height="8.39441" rx="1.37976" transform="rotate(-16.24 40.7603 96.3174)" style="fill:var(--sapContent_Illustrative_Color14)"/>
+<rect x="44.3364" y="108.595" width="50.0509" height="8.39441" rx="1.37989" transform="rotate(-16.24 44.3364 108.595)" style="fill:var(--sapContent_Illustrative_Color2)"/>
+</svg>

package/src/sap/tnt/themes/base/illustrations/v5/hc/tnt-Dialog-ChartBullet-alternate.svg

@@ -0,0 +1,18 @@
+<svg width="161" height="160" viewBox="0 0 161 160" fill="none" xmlns="http://www.w3.org/2000/svg" id="tnt-Dialog-ChartBullet-alternate">
+<rect x="-1.47461" y="59.9194" width="141.756" height="94.6754" rx="8.41815" transform="rotate(-16.24 -1.47461 59.9194)" style="fill:var(--sapContent_Illustrative_Color6)"/>
+<path d="M6.21577 63.1493C5.13226 59.4295 7.26937 55.5357 10.9891 54.4522L127.396 20.5446C131.116 19.4611 135.01 21.5982 136.093 25.318L157.508 98.8374C158.592 102.557 156.455 106.451 152.735 107.534L36.3279 141.442C32.6081 142.526 28.7143 140.388 27.6308 136.669L6.21577 63.1493Z" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2898 52.0519L126.697 18.1443C131.742 16.6747 137.024 19.5734 138.493 24.6187L159.909 98.1381C161.378 103.184 158.479 108.465 153.434 109.935L37.0268 143.842C31.9814 145.312 26.7 142.413 25.2303 137.368L3.81531 63.8484C2.34568 58.803 5.24438 53.5215 10.2898 52.0519ZM10.9889 54.4521C7.26916 55.5356 5.13206 59.4295 6.21556 63.1492L27.6306 136.669C28.7141 140.388 32.6079 142.525 36.3277 141.442L152.735 107.534C156.455 106.451 158.592 102.557 157.508 98.8373L136.093 25.3179C135.01 21.5981 131.116 19.461 127.396 20.5445L10.9889 54.4521Z" style="fill:var(--sapContent_Illustrative_Color4)"/>
+<path d="M6.21577 63.1493C5.13226 59.4295 7.26937 55.5357 10.9891 54.4522L127.396 20.5446C131.116 19.4611 135.01 21.5982 136.093 25.318L138.903 34.9626L9.02508 72.7939L6.21577 63.1493Z" style="fill:var(--sapContent_Illustrative_Color5)"/>
+<circle cx="17.8004" cy="61.6041" r="3.15681" transform="rotate(-16.24 17.8004 61.6041)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<circle cx="29.2501" cy="58.2691" r="3.15681" transform="rotate(-16.24 29.2501 58.2691)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<circle cx="40.7003" cy="54.9341" r="3.15681" transform="rotate(-16.24 40.7003 54.9341)" style="fill:var(--sapContent_Illustrative_Color8)"/>
+<rect x="21.7139" y="78" width="114.258" height="54.2213" rx="3.4494" transform="rotate(-16.24 21.7139 78)" style="fill:var(--sapContent_Illustrative_Color7)"/>
+<rect x="55.4121" y="118.675" width="19.3766" height="11.6259" rx="1.37989" transform="rotate(-106.24 55.4121 118.675)" style="fill:var(--sapContent_Illustrative_Color14)"/>
+<rect x="74.8301" y="113.019" width="42.7318" height="11.6259" rx="1.37976" transform="rotate(-106.24 74.8301 113.019)" style="fill:var(--sapContent_Illustrative_Color3)"/>
+<rect x="94.248" y="107.363" width="33.6323" height="11.6259" rx="1.37989" transform="rotate(-106.24 94.248 107.363)" style="fill:var(--sapContent_Illustrative_Color2)"/>
+<rect x="113.666" y="101.707" width="24.3351" height="11.6259" rx="1.37976" transform="rotate(-106.24 113.666 101.707)" style="fill:var(--sapContent_Illustrative_Color13)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M44.5335 90.5634C44.3737 90.0146 44.689 89.4403 45.2377 89.2804L59.3724 85.1632C59.9211 85.0034 60.4955 85.3186 60.6553 85.8673C60.8151 86.4161 60.4999 86.9904 59.9512 87.1503L45.8165 91.2675C45.2678 91.4273 44.6934 91.1121 44.5335 90.5634Z" style="fill:var(--sapContent_Illustrative_Color4)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M67.8421 98.264C67.6823 97.7153 67.9976 97.1409 68.5463 96.9811L82.681 92.8639C83.2297 92.7041 83.8041 93.0193 83.9639 93.568C84.1237 94.1167 83.8085 94.6911 83.2598 94.851L69.1251 98.9682C68.5764 99.128 68.002 98.8127 67.8421 98.264Z" style="fill:var(--sapContent_Illustrative_Color4)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M84.6732 83.7274C84.5134 83.1787 84.8286 82.6043 85.3773 82.4445L99.512 78.3273C100.061 78.1674 100.635 78.4827 100.795 79.0314C100.955 79.5801 100.64 80.1545 100.091 80.3143L85.9561 84.4315C85.4074 84.5914 84.833 84.2761 84.6732 83.7274Z" style="fill:var(--sapContent_Illustrative_Color4)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M101.952 70.725C101.792 70.1763 102.107 69.6019 102.656 69.442L116.79 65.3248C117.339 65.165 117.913 65.4802 118.073 66.029C118.233 66.5777 117.918 67.1521 117.369 67.3119L103.234 71.4291C102.686 71.5889 102.111 71.2737 101.952 70.725Z" style="fill:var(--sapContent_Illustrative_Color4)"/>
+</svg>