@openui5/sap.m 1.129.0 → 1.130.1

package/src/sap/m/themes/base/IconTabBarSelectList.less

@@ -20,19 +20,10 @@
 
 .sapMITBSelectList .sapMITBSelectItem {
 	position: relative;
-
-	width : 100%;
-
+	width: 100%;
 	box-sizing: border-box;
-
-	display: -webkit-box;
-	display: -webkit-flex;
 	display: flex;
-
-	-webkit-box-align: center;
-	-webkit-align-items: center;
 	align-items: center;
-
 	cursor: pointer;
 
 	.sapUiIcon {
@@ -63,17 +54,17 @@
 		border: 0;
 		position: relative;
 		height: 0.25rem;
-		padding-right: 17px; // big enough to cover the case when a scrollbar appears
+		padding-right: 17px; /* big enough to cover the case when a scrollbar appears */
 
 		&::before {
 			width: 1rem;
-			content: "";
+			content: '';
 		}
 
 		&::after {
-			content: "";
+			content: '';
 			width: 100%;
-			border-top: 0.0625rem solid @sapUiGroupTitleBorderColor;
+			border-top: 0.0625rem solid var(--sapGroup_TitleBorderColor);
 		}
 	}
 
@@ -95,7 +86,7 @@
 	display: block;
 	padding: 0 1rem 0 0;
 	pointer-events: none;
-	min-width: 0;  // chrome flex overflow issue
+	min-width: 0; /* chrome flex overflow issue */
 	overflow: visible;
 	white-space: normal;
 	font-size: @sapMFontMediumSize;
@@ -112,6 +103,7 @@
 
 /* Compact size */
 .sapUiSizeCompact {
+
 	.sapMITBSelectList .sapMITBSelectItem:not(.sapMITBSep) {
 		padding: 0.5rem 0 0.5rem;
 	}
@@ -122,6 +114,7 @@
 	}
 
 	.sapMITBSelectList .sapMITBSep {
+
 		&.sapMITBSepLine {
 			padding-right: 0.5rem;
 
@@ -133,14 +126,16 @@
 }
 
 .sapMITBSelectItem {
-	background-color: @sapUiListBackground;
+	background-color: var(--sapList_Background);
 }
 
 .sapMITBSelectItem {
+
 	&.sapMITBFilterNeutral,
 	&.sapMITBFilterNegative,
 	&.sapMITBFilterPositive,
 	&.sapMITBFilterCritical {
+
 		.sapMITBText {
 			color: inherit;
 		}
@@ -148,29 +143,31 @@
 }
 
 .sapMITBSelectItem {
+
 	&.sapMITBFilterDefault {
+
 		.sapMITBInlineIcon {
-			color: @sapUiListTextColor
+			color: var(--sapList_TextColor);
 		}
 	}
 }
 
 .sapMITBSelectItem:not(.sapMITHUnselectable):hover {
-	background-color: @sapUiListHoverBackground;
+	background-color: var(--sapList_Hover_Background);
 }
 
 .sapMITBSelectList .sapMITBSelectItem:not(.sapMITHUnselectable) {
 
 	&:not(.sapUiDnDDragging):active,
 	&.sapMITBSelectItemSelected:not(.sapUiDnDDragging):active {
-		background-color: @sapUiListActiveBackground;
+		background-color: var(--sapList_Active_Background);
 
 		& > .sapMITBText {
-			color: @sapUiListActiveTextColor;
+			color: var(--sapList_Active_TextColor);
 		}
 
 		& > .sapUiIcon {
-			color: @sapUiListActiveTextColor;
+			color: var(--sapList_Active_TextColor);
 		}
 	}
 }
@@ -180,9 +177,9 @@
 }
 
 .sapMITBSelectItem:focus::before {
-	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	position: absolute;
-	content: " ";
+	content: ' ';
 	top: @_sap_m_IconTabBar_List_Focus_Offset;
 	right:  @_sap_m_IconTabBar_List_Focus_Offset;
 	bottom:  @_sap_m_IconTabBar_List_Focus_Offset;
@@ -193,7 +190,7 @@
 }
 
 .sapMITBSelectItem.sapMITBSelectItemSelected {
-	background-color: @sapUiListSelectionBackgroundColor;
+	background-color: var(--sapList_SelectionBackgroundColor);
 }
 
 .sapMITBSelectItem.sapMITBSelectItemSelected:hover {
@@ -202,4 +199,4 @@
 
 .sapUiDnDIndicator {
 	z-index: 100;
-}
+}

package/src/sap/m/themes/base/Illustration.less

@@ -1,12 +1,17 @@
+/* =================================== */
+/* CSS for control sap.m/Illustration  */
+/* Base theme                          */
+/* ============================= ===== */
+
 :root {
-	--sapIllus_BrandColorPrimary: @sapContent_Illustrative_Color1;
-	--sapIllus_BrandColorSecondary: @sapContent_Illustrative_Color2;
-	--sapIllus_StrokeDetailColor: @sapContent_Illustrative_Color4;
-	--sapIllus_Layering1: @sapContent_Illustrative_Color5;
-	--sapIllus_Layering2: @sapContent_Illustrative_Color6;
-	--sapIllus_BackgroundColor: @sapContent_Illustrative_Color7;
-	--sapIllus_ObjectFillColor: @sapContent_Illustrative_Color8;
-	--sapIllus_AccentColor: @sapContent_Illustrative_Color3;
+	--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);
+	--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);
+	--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);
+	--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);
+	--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);
+	--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);
+	--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);
+	--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);
 	--sapIllus_NoColor: none;
 	--sapIllus_PatternShadow: ~"url(#sapIllus_PatternShadow)";
 	--sapIllus_PatternHighlight: ~"url(#sapIllus_PatternHighlight)";
@@ -21,38 +26,49 @@
 }
 
 .sapIllus_MaskTypeAlpha {
-	mask-type:alpha;
+	mask-type: alpha;
 }
+
 .sapIllus_BrandColorPrimary {
 	fill: var(--sapIllus_BrandColorPrimary);
 }
+
 .sapIllus_BrandColorSecondary {
 	fill: var(--sapIllus_BrandColorSecondary);
 }
+
 .sapIllus_StrokeDetailColor {
 	fill: var(--sapIllus_StrokeDetailColor);
 }
+
 .sapIllus_Layering1 {
 	fill: var(--sapIllus_Layering1);
 }
+
 .sapIllus_Layering2 {
 	fill: var(--sapIllus_Layering2);
 }
+
 .sapIllus_BackgroundColor {
 	fill: var(--sapIllus_BackgroundColor);
 }
+
 .sapIllus_ObjectFillColor {
 	fill: var(--sapIllus_ObjectFillColor);
 }
+
 .sapIllus_AccentColor {
 	fill: var(--sapIllus_AccentColor);
 }
+
 .sapIllus_NoColor {
 	fill: var(--sapIllus_NoColor);
 }
+
 .sapIllus_PatternShadow {
 	fill: var(--sapIllus_PatternShadow);
 }
+
 .sapIllus_PatternHighlight {
 	fill: var(--sapIllus_PatternHighlight);
-}
+}

package/src/sap/m/themes/base/InputListItem.less

@@ -4,20 +4,11 @@
 /* ==================================== */
 
 .sapMILI {
-	display: -webkit-box;
-	display: flex;
-	height: 3rem;
+	min-height: 3rem;
 }
 
 .sapMILILabel {
-	-webkit-box-flex: 1;
-	flex: auto;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	display: block;
 	font-size: 1.125rem;
-	max-width: 60%;	/*we can have very long title so lets give a limit */
 	color: @sapUiListTextColor;
 }
 
@@ -25,18 +16,26 @@
 	cursor: pointer;
 }
 
-.sapMILI > .sapMLIBContent {
-	display: -webkit-box;
+.sapMILIContentWrapper {
 	display: flex;
-	-webkit-box-align: center;
+	gap: 0 1rem;
 	align-items: center;
 }
 
+.sapMILIContentWrapperL {
+	flex-wrap: wrap;
+	& > .sapMILILabel {
+		flex: 1 1 auto;
+	}
+}
+
+.sapMILILabel {
+	padding: 0.25rem 0;
+}
+
 .sapMILIDiv {
-	-webkit-box-flex: 9;
-	flex: 1 0 auto;
+	flex: 1 1 auto;
 	text-align: right;
-	margin: 0 0 0 1rem;
 }
 
 html[dir=rtl] .sapMILIDiv {
@@ -49,7 +48,7 @@ html[dir=rtl] .sapMILIDiv {
 
 /* Compact size */
 .sapUiSizeCompact .sapMILI {
-	height: 2rem;
+	min-height: 2rem;
 }
 
 .sapUiSizeCompact .sapMILILabel {

package/src/sap/m/themes/base/Label.less

@@ -3,10 +3,6 @@
 /* Base theme                   */
 /* ============================ */
 
-@_sap_m_Label_AsteriskOffsetWidth: 0.5rem;
-@_sap_m_Label_ColonOffsetWidth: 0.25rem;
-@_sap_m_Label_ColonOffsetWidth_lang_FR: 0.5rem;
-@_sap_m_Label_ColonOffsetWidth_lang_ZH: 0.875rem;
 @_sap_m_Label_InsideInactiveInfoToolbarColor: @sapUiListTextColor;
 
 .sapMLabel {
@@ -19,54 +15,24 @@
 	cursor: text;
 	overflow: hidden;
 	box-sizing: border-box;
-	--_sap_m_Label_ReservedSpace: 0%;
 }
 
-.sapMLabel .sapMLabelTextWrapper {
-	text-overflow: ellipsis;
-	overflow: hidden;
+.sapMLabelInner {
+	display: inline-flex;
+	width: 100%;
 }
 
-.sapMLabel:not(.sapMLabelWrapped) .sapMLabelTextWrapper {
-	display: inline-block;
-	vertical-align: top;
-	max-width: calc(~"100% - var(--_sap_m_Label_ReservedSpace)");
+.sapMLabel.sapMLabelWrapped .sapMLabelInner {
+	display: contents;
 }
 
-.sapMLabel:not(.sapMLabelWrapped):not(.sapMLabelMaxWidth) {
-	&.sapMLabelRequired {
-		--_sap_m_Label_ReservedSpace: @_sap_m_Label_AsteriskOffsetWidth;
-	}
-
-	&.sapMLabelShowColon {
-		--_sap_m_Label_ReservedSpace: @_sap_m_Label_ColonOffsetWidth;
-
-		&:lang(fr) {
-			--_sap_m_Label_ReservedSpace: @_sap_m_Label_ColonOffsetWidth_lang_FR;
-		}
-
-		&:lang(zh-TW),
-		&:lang(zh-CN),
-		&:lang(zh-Hans),
-		&:lang(zh-Hant) {
-			--_sap_m_Label_ReservedSpace: @_sap_m_Label_ColonOffsetWidth_lang_ZH;
-		}
-	}
-
-	&.sapMLabelRequired.sapMLabelShowColon {
-		--_sap_m_Label_ReservedSpace: @_sap_m_Label_AsteriskOffsetWidth + @_sap_m_Label_ColonOffsetWidth;
-
-		&:lang(fr) {
-			--_sap_m_Label_ReservedSpace: @_sap_m_Label_AsteriskOffsetWidth + @_sap_m_Label_ColonOffsetWidth_lang_FR;
-		}
+.sapMLabel .sapMLabelTextWrapper {
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
 
-		&:lang(zh-TW),
-		&:lang(zh-CN),
-		&:lang(zh-Hans),
-		&:lang(zh-Hant) {
-			--_sap_m_Label_ReservedSpace: @_sap_m_Label_AsteriskOffsetWidth + @_sap_m_Label_ColonOffsetWidth_lang_ZH;
-		}
-	}
+.sapMLabelNoText.sapMLabelRequired {
+	line-height: @sapMFontMediumSize;
 }
 
 .sapMLabelBold,
@@ -82,15 +48,6 @@
 	cursor: pointer;
 }
 
-.sapMLabel .sapMLabelColonAndRequired {
-	display: inline;
-	vertical-align: top;
-}
-
-.sapMLabel .sapMLabelColonAndRequired::before {
-	vertical-align: top;
-}
-
 .sapMLabel.sapMLabelRequired .sapMLabelColonAndRequired::after {
 	content: "*";
 	color: @sapUiFieldRequiredColor;
@@ -180,14 +137,6 @@ td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel{
 /* Label in Form - Colon and Asterisk */
 /* ================================== */
 .sapUiFormLblColon {
-	// Label alone on row, truncating. Don't let ":" and "*" truncate by using flex
-	.sapUiFormElementLbl > .sapMLabel:not(.sapMLabelWrapped) {
-		display: inline-flex;
-
-		&.sapMLabelRequired .sapMLabelTextWrapper {
-			max-width: 100%;
-		}
-	}
 
 	// Label side by side with a field
 	// In this case we need to align all : and * in the form
@@ -204,31 +153,33 @@ td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel{
 	.sapUiFormCL.sapUiFormCLSmallColumns :not(.sapUiFormCLCellsS12),
 	.sapUiFormCL.sapUiFormCLWideColumns :not(.sapUiFormCLCellsL12) {
 		&.sapUiFormElementLbl > .sapMLabel {
-			display: inline-block;
-			position: relative;
-
-			// Accommodate space for colon + asterisk
-			// The use of em is intentional since it has to relate to the current font size applied to the label
-			padding-right: 0.85em;
+			.sapMLabelInner {
+				display: inline-flex;
+				align-items: flex-end;
+				justify-content: flex-end !important;
+			}
 
-			&:lang(fr) {
-				padding-right: 1.125em;
+			.sapMLabelColonAndRequired {
+				display: inline-flex;
+				align-items: center;
+				min-width: 0.85em; // Accommodate space for colon + asterisk. The use of em is intentional since it has to relate to the current font size applied to the label
 			}
-			&:lang(zh-TW) {
-				padding-right: 1.59em;
+
+			// Accommodate space for colon + asterisk for specific languages
+			&:lang(fr) .sapMLabelColonAndRequired {
+				min-width: 1.125em;
 			}
-			&:lang(zh-CN) {
-				padding-right: 1.59em;
+			&:lang(zh-TW) .sapMLabelColonAndRequired {
+				min-width: 1.59em;
 			}
-			&:lang(zh-Hans) {
-				padding-right: 1.59em;
+			&:lang(zh-CN) .sapMLabelColonAndRequired{
+				min-width: 1.59em;
 			}
-			&:lang(zh-Hant) {
-				padding-right: 1.59em;
+			&:lang(zh-Hans) .sapMLabelColonAndRequired {
+				min-width: 1.59em;
 			}
-
-			.sapMLabelColonAndRequired {
-				position: absolute;
+			&:lang(zh-Hant) .sapMLabelColonAndRequired {
+				min-width: 1.59em;
 			}
 		}
 	}

package/src/sap/m/themes/base/Link.less

@@ -4,21 +4,22 @@
 /* =========================== */
 
 .sapMLnk {
-	color: @sapUiLink;
-	text-decoration: @sapUiLinkTextDecoration;
+	color: var(--sapLinkColor);
+	text-decoration: var(--sapLink_TextDecoration);
 	display: inline-block;
-	font-family: @sapUiFontFamily;
+	font-family: var(--sapFontFamily);
 	font-size: @sapMFontMediumSize;
 	cursor: pointer;
 
 	&:visited {
-		color: @sapUiLinkVisitedColor;
+		color: var(--sapLink_Visited_Color);
 	}
 
 	&:not(.sapMLnkDsbl) {
+
 		&:active {
-			color: @sapUiLinkActiveColor;
-			text-decoration: @sapUiLinkActiveTextDecoration;
+			color: var(--sapLink_Active_Color);
+			text-decoration: var(--sapLink_Active_TextDecoration);
 		}
 	}
 
@@ -50,21 +51,21 @@
 }
 
 html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
+
 	&:focus {
-		outline: 1px dotted @sapUiContentFocusColor;
+		outline: 1px dotted var(--sapContent_FocusColor);
 		outline-offset: -1px;
 		text-decoration: underline;
 	}
 
 	&:hover:not(:active):not(:focus) {
-		color: @sapUiLinkHoverColor;
-		text-decoration: @sapUiLinkHoverTextDecoration;
+		color: var(--sapLink_Hover_Color);
+		text-decoration: var(--sapLink_Hover_TextDecoration);
 	}
-
 }
 
 .sapUiInverted-CTX .sapUiLnk {
-	color: @sapUiLinkInvertedColor;
+	color: var(--sapLink_InvertedColor);
 }
 
 .sapMLnk.sapMLnkWrapping {
@@ -82,7 +83,6 @@ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
 	max-width: 100%;
 }
 
-
 /* Link in sap.ui.table.* tables */
 
 .sapUiTableCell .sapMLnk {
@@ -115,7 +115,7 @@ html.sap-desktop .sapUiSizeCondensed .sapUiTableCell .sapMLnk:focus:not(.sapMLnk
 .sapUiFormEdit .sapMLnk {
 	line-height: normal;
 	margin-top: 1rem; /* don't use padding as this would stretch the focus outline */
-	margin-bottom: 0.75rem; /* for some reason browser adds 4px, display: block would lead to stretched focus outline*/
+	margin-bottom: 0.75rem; /* for some reason browser adds 4px, display: block would lead to stretched focus outline */
 }
 
 .sapUiFormToolbar .sapMTB .sapMLnk {
@@ -125,7 +125,7 @@ html.sap-desktop .sapUiSizeCondensed .sapUiTableCell .sapMLnk:focus:not(.sapMLnk
 }
 
 .sapMLnkEmphasized {
-	font-family: @sapUiFontBoldFamily;
+	font-family: var(--sapFontBoldFamily);
 }
 
 .sapMLnk .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
@@ -138,10 +138,9 @@ html.sap-desktop .sapUiSizeCondensed .sapUiTableCell .sapMLnk:focus:not(.sapMLnk
 
 .sapMShowEmpty-CTX .sapMLnk .sapMEmptyIndicator.sapMEmptyIndicatorAuto,
 .sapMLnk .sapMEmptyIndicator {
-	color: @sapUiBaseText;
+	color: var(--sapTextColor);
 }
 
-
 .sapMListTblRow.sapMLIBActive .sapMLnk,
 .sapMListTblSubRow.sapMLIBActive .sapMLnk,
 .sapMLIB.sapMLIBActive .sapMLink {
@@ -157,4 +156,4 @@ html.sap-desktop .sapUiSizeCondensed .sapUiTableCell .sapMLnk:focus:not(.sapMLnk
 
 .sapMLnk:-webkit-any-link:focus {
 	outline: none;
-}
+}

package/src/sap/m/themes/base/ObjectStatus.less

@@ -1081,3 +1081,32 @@ html.sap-desktop .sapMListTblHasPopin .sapMObjStatusActive:focus {
 		}
 	}
 }
+
+/* BCP: 2370130730 - when there is a text in Thai languiage, the text decorations are cut, that's why there is */
+/* CSS class provided - sapUiHigherText - that can be applied on control level or on parent element/BODY level */
+/* in general this class should fix the cutting on most of the languages that have characters with decorations */
+.sapUiHigherText.sapMObjStatus,
+.sapUiHigherText .sapMObjStatus {
+	.sapMObjStatusTitle {
+		line-height: inherit;
+		vertical-align: initial;
+	}
+
+	.sapMObjStatusIcon,
+	.sapMObjStatusText {
+		line-height: 1.6;
+	}
+
+	.sapMObjStatusWrapper {
+		align-items: baseline;
+	}
+
+	.sapMObjStatusIcon {
+
+		.sapUiIcon {
+			line-height: inherit;
+			top: 0.0625rem;
+		}
+	}
+}
+

package/src/sap/m/themes/base/RatingIndicator.less

@@ -128,8 +128,8 @@ html.sap-tablet .sapMRI:focus {
 		height: @sapUiRIIconSizeCompact;
 	}
 
-	.sapMRI.sapMRIDisplayOnly .sapUiIcon,
-	.sapMRI.sapMRIDisplayOnly .sapMImg {
+	.sapMRI.sapMRIDisplayOnly.sapMRINoCustomIconSize .sapUiIcon,
+	.sapMRI.sapMRIDisplayOnly.sapMRINoCustomIconSize .sapMImg {
 		padding-right: @sapUiRIIconPaddingDisplayOnly;
 		height: @sapUiRIIconSizeDisplayOnly;
 	}

package/src/sap/m/themes/base/StandardListItem.less

@@ -239,6 +239,17 @@ html[dir=rtl] .sapMSLIInfo {
 
 .sapMSLIWrapping > .sapMLIBContent > .sapMSLIDiv {
 	padding: 1rem 0;
+
+	&:has(.sapMSLIDescription) {
+		padding-bottom: 0.5rem;
+		.sapMSLITitle {
+			padding-bottom: 0.25rem;
+		}
+	}
+
+	.sapMSLIDescription {
+		padding: 0.5rem 0;
+	}
 }
 
 .sapMSLINoTitleAdapt.sapMSLIWrapping > .sapMLIBContent > .sapMSLIDiv > .sapMSLITitleOnly {
@@ -251,6 +262,8 @@ html[dir=rtl] .sapMSLIInfo {
 }
 
 .sapMSLIExpandCollapse {
+	text-wrap: nowrap;
+	position: relative;
 	color: @sapUiLink;
 	cursor: pointer;
 	padding: 0 1px;
@@ -265,6 +278,14 @@ html[dir=rtl] .sapMSLIInfo {
 	outline: @_sap_m_ListItemBase_Focus_Outline;
 }
 
+.sapMSLIExpandCollapse:before {
+	position: absolute;
+	content: '';
+	height: 1.5rem;
+	top: -0.25rem;
+	width: 100%;
+}
+
 .sapMSLIImgIcon {
 	margin-inline-start: -0.75rem;
 }

package/src/sap/m/themes/base/TabContainer.less

@@ -19,7 +19,7 @@
 			bottom: 0;
 			left: 0;
 			right: 0;
-			overflow-x: scroll;
+			overflow-x: auto;
 		}
 	}
 }

package/src/sap/m/themes/base/Table.less

@@ -107,7 +107,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 
 .sapMListTblSubCntSpr,
 .sapMListTblSubCntVal {
-    display: inline;
+    display: inline-flex;
 }
 
 .sapMListTblSubCntValBlock {
@@ -531,6 +531,14 @@ html[data-sap-ui-browser^='ff'] .sapMTableRowCustomFocus:focus > :not(.sapMListT
 	width : auto;
 }
 
+.sapUiSizeCompact .sapMListTbl:not(.sapMListModeDelete) {
+	.sapMListTblSelCol,
+	.sapMListTblSelCol > .sapMLIBSelectM,
+	.sapMListTblSelCol > .sapMLIBSelectS {
+		width: 2rem;
+	}
+}
+
 /* min height for the table rows */
 .sapUiSizeCompact .sapMListTblRow {
 	height: 2rem;

package/src/sap/m/themes/base/illustrations/sapIllus-Dot-BeforeSearch.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128" viewBox="0 0 128 128" id="sapIllus-Dot-BeforeSearch">
+    <path class="sapIllus_AccentColor" d="M111.7219,25.5662c-2.7032-1.0653-4.0145-3.653-5.029-6.29A.4258.4258,0,0,0,106.3022,19h-.0051a.4254.4254,0,0,0-.3924.2664c-1.3529,3.2782-3.3643,4.9541-5.6934,6.8946l-.054.0452a.442.442,0,0,0-.1455.44.4317.4317,0,0,0,.3259.3238c2.0547.4459,5.2344,4.4584,5.2344,6.6053a.433.433,0,0,0,.365.4315.4206.4206,0,0,0,.0607.0042.4272.4272,0,0,0,.4083-.3127c.6818-2.3766,2.66-6.2863,5.3142-7.3185a.4394.4394,0,0,0,.0016-.8139Z"/>
+    <path class="sapIllus_AccentColor" d="M94.7267,41.78c-1.4341-.5859-2.1375-2.0305-2.6847-3.5041A.4115.4115,0,0,0,91.6655,38h-.0048a.4111.4111,0,0,0-.3782.266,9.48,9.48,0,0,1-3.1,3.8839l-.03.0263a.4512.4512,0,0,0-.14.44.4239.4239,0,0,0,.3141.3234c1.0576.2375,2.7592,2.4639,2.7592,3.609a.4281.4281,0,0,0,.3517.4308.4063.4063,0,0,0,.0585.0043.4143.4143,0,0,0,.3934-.3124c.3677-1.3281,1.4268-3.51,2.8369-4.0784a.4451.4451,0,0,0,.0016-.8128Z"/>
+    <polygon class="sapIllus_NoColor" points="59.063 28.836 59.062 28.836 59.063 28.836 59.063 28.836"/>
+    <path class="sapIllus_StrokeDetailColor" d="M30.0687,49a16.599,16.599,0,0,1,.4815-7.4287l.13-.42a.5.5,0,1,0-.9512-.3067q-.0718.219-.1377.4419a17.5953,17.5953,0,0,0-.5254,7.7735,18.2682,18.2682,0,0,0,1.8985,5.6533.5.5,0,1,0,.8808-.4727A17.281,17.281,0,0,1,30.0687,49Z"/>
+    <path class="sapIllus_StrokeDetailColor" d="M30.7074,39.6243a.5.5,0,0,0,.6621-.248,16.5661,16.5661,0,0,1,.9785-1.8369.5.5,0,1,0-.8515-.5244,17.6783,17.6783,0,0,0-1.0371,1.9472A.5.5,0,0,0,30.7074,39.6243Z"/>
+    <path class="sapIllus_PatternShadow" d="M67.5611,41.6163a21.3965,21.3965,0,0,0-8.4985-12.78c.0423.2961.079.5908.1065.8778a27.0961,27.0961,0,0,1-24.384,29.5606,28.7268,28.7268,0,0,1-5.3583-.0488,21.4795,21.4795,0,0,0,38.1343-17.61Z"/>
+    <path class="sapIllus_BrandColorSecondary" d="M79.0359,93.8809l-.0015.001L64.0288,67.6342a27.5031,27.5031,0,1,0-40.1212-5.7376c.0709.1048.14.2081.2133.3138.12.17.2437.3358.3672.5026a25.3986,25.3986,0,0,0,4.9373,5.12A27.4452,27.4452,0,0,0,52.6378,73.192c.7224-.1625,1.4274-.36,2.1227-.5752l.4564.7986.2163.3786h0L74.889,107.8254l.0106.0148.3516.6152a4.82,4.82,0,0,0,6.5768,1.7922l.7631-.4363a4.82,4.82,0,0,0,1.7923-6.5769ZM46.6048,67.8157A21.4848,21.4848,0,1,1,68.09,46.3309,21.4848,21.4848,0,0,1,46.6048,67.8157Z"/>
+    <path class="sapIllus_StrokeDetailColor" d="M54.76,72.6162l.6714,1.176s7.3005,1.4574,10.7275-2.421l-2.1312-3.7377-.36.2689a21.6468,21.6468,0,0,1-7.44,4.1914Z"/>
+</svg>