@openui5/sap.ui.documentation 1.120.10 → 1.121.1

package/src/sap/ui/documentation/sdk/view/SubApiDetail.view.xml

@@ -7,7 +7,8 @@
 		xmlns:layout="sap.ui.layout"
 		xmlns:custom="sap.ui.documentation"
 		xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
-		xmlns:html="http://www.w3.org/1999/xhtml">
+		xmlns:html="http://www.w3.org/1999/xhtml"
+		template:require="{formatter: 'sap/ui/documentation/sdk/model/formatter'}">
 
 	<m:Page
 			id="apiDetailPage"
@@ -126,8 +127,8 @@
 															   columnTitles="Returns,Description"
 															   class="sapUiDocumentation2ColumnsEqualTable">
 												<custom:Row>
-													<m:Text text="{path: 'data>/returnValue/type', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}" wrapping="false"/>
-													<custom:JSDocText sanitizeContent="false" text="{path: 'data>/returnValue/description', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"/>
+													<m:Text text="{path: 'data>/returnValue/type', formatter: 'formatter.escapeSettingsValue'}" wrapping="false"/>
+													<custom:JSDocText sanitizeContent="false" text="{path: 'data>/returnValue/description', formatter: 'formatter.escapeSettingsValue'}"/>
 												</custom:Row>
 											</custom:LightTable>
 										</template:if>
@@ -144,9 +145,9 @@
 												</custom:Row>
 											</custom:LightTable>
 										</template:if>
-										<template:if test="{data>/isFunction}">
+										<template:if test="{data>/examples}">
 											<template:repeat list="{data>/examples}" var="example">
-												<custom:JSDocText sanitizeContent="false" text="{path: 'example>data', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"/>
+												<custom:JSDocText sanitizeContent="false" text="{path: 'example>data', formatter: '.formatter.escapeSettingsValue'}"/>
 											</template:repeat>
 										</template:if>
 									</layout:VerticalLayout>
@@ -169,12 +170,15 @@
 											<custom:Row>
 												<custom:ParamText class="sapUiDocumentationParamBold sapUiDocumentationParamWrap" text="{name}" depth="{depth}" optional="{optional}" deprecated="{= ${deprecated} !== undefined }"/>
 												<layout:VerticalLayout content="{path: 'types', templateShareable: false}" width="100%">
-													<m:Link text="{path: 'value', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"
+													<m:Link text="{path: 'value', formatter: '.formatter.escapeSettingsValue'}"
 															href="{href}"
 															enabled="{= !!${linkEnabled} }"/>
 												</layout:VerticalLayout>
 												<layout:VerticalLayout>
 													<custom:JSDocText sanitizeContent="false" text="{description}"/>
+													<layout:VerticalLayout content="{path: 'examples', templateShareable: false}" width="100%">
+														<custom:JSDocText sanitizeContent="false" text="{path: 'data', formatter: '.formatter.escapeSettingsValue'}"/>
+													</layout:VerticalLayout>
 													<m:MessageStrip
 															visible="{=${deprecated} !== undefined}"
 															text="Deprecated as of version {deprecated/since}"
@@ -193,7 +197,7 @@
 															enableFormattedText="true"
 															class="sapUiTinyMarginBottom sapUiTinyMarginTop">
 													</m:MessageStrip>
-													<m:ObjectStatus text="Visibility: {parts : [{path : 'visibility'}, {path : 'allowedFor'}], formatter : 'sap.ui.documentation.sdk.model.formatter.formatVisibility'}"
+													<m:ObjectStatus text="Visibility: {parts : [{path : 'visibility'}, {path : 'allowedFor'}], formatter : '.formatter.formatVisibility'}"
 															state="{= ${visibility} === 'public' ? 'Success' : 'Warning'}"/>
 													<m:ObjectStatus visible="{=${since} !== undefined}" text="Since: {since}" />
 													<m:FormattedText visible="{=${borrowedFrom} !== undefined}"
@@ -284,7 +288,7 @@
 												<layout:VerticalLayout width="100%">
 													<custom:JSDocText sanitizeContent="false" text="{description}"/>
 													<layout:HorizontalLayout width="100%">
-														<m:ObjectStatus text="Visibility: {parts : [{path : 'visibility'}, {path : 'allowedFor'}], formatter : 'sap.ui.documentation.sdk.model.formatter.formatVisibility'}"
+														<m:ObjectStatus text="Visibility: {parts : [{path : 'visibility'}, {path : 'allowedFor'}], formatter : '.formatter.formatVisibility'}"
 															state="{= ${visibility} === 'public' ? 'Success' : 'Warning'}"/>
 														<core:Icon
 															src="sap-icon://sys-help-2"
@@ -295,7 +299,7 @@
 													</layout:HorizontalLayout>
 													<m:MessageStrip
 														visible="{=${deprecatedText} !== undefined}"
-														text="{path : 'deprecatedText', formatter: 'sap.ui.documentation.sdk.model.formatter.formatMessageStripLinks'}"
+														text="{path : 'deprecatedText', formatter: '.formatter.formatMessageStripLinks'}"
 														type="Error"
 														showIcon="true"
 														showCloseButton="false"
@@ -348,7 +352,7 @@
 													<custom:JSDocText sanitizeContent="false" text="{description}"/>
 													<m:MessageStrip
 															visible="{=${deprecatedText} !== undefined}"
-															text="{path : 'deprecatedText', formatter: 'sap.ui.documentation.sdk.model.formatter.formatMessageStripLinks'}"
+															text="{path : 'deprecatedText', formatter: '.formatter.formatMessageStripLinks'}"
 															type="Error"
 															showIcon="true"
 															showCloseButton="false"
@@ -457,7 +461,7 @@
 															<custom:ParamText text="{event>name}"
 																		href="api/{data>/name}#events/{event>name}"
 																		deprecated="{= ${event>deprecated} !== undefined }"/>
-															<custom:JSDocText sanitizeContent="false" text="{path: 'event>description', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"/>
+															<custom:JSDocText sanitizeContent="false" text="{path: 'event>description', formatter: '.formatter.escapeSettingsValue'}"/>
 														</custom:Row>
 													</template:repeat>
 												</custom:LightTable>
@@ -483,10 +487,10 @@
 										<custom:blocks>
 											<layout:VerticalLayout width="100%">
 
-												<custom:JSDocText sanitizeContent="false" text="{path: 'event>description', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"/>
+												<custom:JSDocText sanitizeContent="false" text="{path: 'event>description', formatter: '.formatter.escapeSettingsValue'}"/>
 
 												<layout:HorizontalLayout width="100%">
-													<m:ObjectStatus text="Visibility: {parts : [{path : 'event>visibility'}, {path : 'event>allowedFor'}], formatter : 'sap.ui.documentation.sdk.model.formatter.formatVisibility'}"
+													<m:ObjectStatus text="Visibility: {parts : [{path : 'event>visibility'}, {path : 'event>allowedFor'}], formatter : '.formatter.formatVisibility'}"
 													state="{= ${event>visibility} === 'public' ? 'Success' : 'Warning'}" class="sapUiSmallMarginBottom"/>
 													<core:Icon
 														src="sap-icon://sys-help-2"
@@ -497,7 +501,7 @@
 												</layout:HorizontalLayout>
 												<template:if test="{=${event>deprecated} !== undefined}">
 													<m:MessageStrip
-														text="{path : 'event>deprecatedText', formatter: 'sap.ui.documentation.sdk.model.formatter.formatMessageStripLinks'}"
+														text="{path : 'event>deprecatedText', formatter: '.formatter.formatMessageStripLinks'}"
 														type="Error"
 														showIcon="true"
 														showCloseButton="false"
@@ -523,10 +527,10 @@
 																		href="api/{parameter>type}"
 																		enabled="{= !!${parameter>linkEnabled} }"/>
 																<layout:VerticalLayout>
-																	<custom:JSDocText sanitizeContent="false" text="{path: 'parameter>description', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"/>
+																	<custom:JSDocText sanitizeContent="false" text="{path: 'parameter>description', formatter: '.formatter.escapeSettingsValue'}"/>
 																	<m:MessageStrip
 																			visible="{=${parameter>deprecated} !== undefined}"
-																			text="{path : 'parameter>deprecatedText', formatter: 'sap.ui.documentation.sdk.model.formatter.formatMessageStripLinks'}"
+																			text="{path : 'parameter>deprecatedText', formatter: '.formatter.formatMessageStripLinks'}"
 																			type="Error"
 																			showIcon="true"
 																			showCloseButton="false"
@@ -564,7 +568,7 @@
 																		href="{method>href}"
 																		deprecated="{= ${method>deprecated} !== undefined }"
 																        experimental="{= ${method>experimental} !== undefined }"/>
-															<custom:JSDocText sanitizeContent="false" text="{path: 'method>description', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"/>
+															<custom:JSDocText sanitizeContent="false" text="{path: 'method>description', formatter: '.formatter.escapeSettingsValue'}"/>
 														</custom:Row>
 													</template:repeat>
 												</custom:LightTable>
@@ -593,17 +597,17 @@
 
 												<layout:VerticalLayout width="100%">
 
-													<custom:JSDocText sanitizeContent="false" text="{path: 'method>description', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"/>
+													<custom:JSDocText sanitizeContent="false" text="{path: 'method>description', formatter: '.formatter.escapeSettingsValue'}"/>
 
 													<layout:VerticalLayout visible="{= ${method>examples} !== undefined}" width="100%">
 														<template:repeat list="{method>examples}" var="example">
-															<custom:JSDocText sanitizeContent="false" text="{path: 'example>data', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"/>
+															<custom:JSDocText sanitizeContent="false" text="{path: 'example>data', formatter: '.formatter.escapeSettingsValue'}"/>
 														</template:repeat>
 													</layout:VerticalLayout>
 
 													<m:FlexBox class="sapUiTinyMarginBottom">
 														<layout:HorizontalLayout width="100%">
-														<m:ObjectStatus text="Visibility: {parts : [{path : 'method>visibility'}, {path : 'method>allowedFor'}], formatter : 'sap.ui.documentation.sdk.model.formatter.formatVisibility'}"
+														<m:ObjectStatus text="Visibility: {parts : [{path : 'method>visibility'}, {path : 'method>allowedFor'}], formatter : '.formatter.formatVisibility'}"
 														state="{= ${method>visibility} === 'public' ? 'Success' : 'Warning'}"/>
 														<core:Icon
 															src="sap-icon://sys-help-2"
@@ -616,7 +620,7 @@
 													</m:FlexBox>
 													<template:if test="{=${method>deprecatedText} !== undefined}">
 														<m:MessageStrip
-															text="{ path: 'method>deprecatedText', formatter: 'sap.ui.documentation.sdk.model.formatter.formatMessageStripLinks' }"
+															text="{ path: 'method>deprecatedText', formatter: '.formatter.formatMessageStripLinks' }"
 															type="Error"
 															showIcon="true"
 															showCloseButton="false"
@@ -635,7 +639,7 @@
 														</m:MessageStrip>
 													</template:if>
 
-													<custom:JSDocText text="{path: 'method>code', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}" />
+													<custom:JSDocText text="{path: 'method>code', formatter: '.formatter.escapeSettingsValue'}" />
 
 													<template:if test="{= !!${method>parameters} &amp;&amp; ${method>parameters}.length > 0}">
 														<custom:LightTable
@@ -649,18 +653,18 @@
 																		<template:repeat list="{parameter>types}" var="type">
 																			<template:if test="{= !!${type>linkEnabled} }">
 																				<template:then>
-																					<m:Link text="{path: 'type>value', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"
+																					<m:Link text="{path: 'type>value', formatter: '.formatter.escapeSettingsValue'}"
 																							href="{type>href}"
 																							enabled="true"/>
 																				</template:then>
 																				<template:else>
-																					<m:Link text="{path: 'type>value', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}" enabled="false"/>
+																					<m:Link text="{path: 'type>value', formatter: '.formatter.escapeSettingsValue'}" enabled="false"/>
 																				</template:else>
 																			</template:if>
 																		</template:repeat>
 																	</layout:VerticalLayout>
 																	<m:Text text="{parameter>defaultValue}" wrapping="false"/>
-																	<custom:JSDocText sanitizeContent="false" text="{path: 'parameter>description', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"/>
+																	<custom:JSDocText sanitizeContent="false" text="{path: 'parameter>description', formatter: '.formatter.escapeSettingsValue'}"/>
 																</custom:Row>
 															</template:repeat>
 														</custom:LightTable>
@@ -673,12 +677,12 @@
 															<custom:Row>
 																<layout:VerticalLayout class="sapUiDocumentationOrList" width="100%">
 																	<template:repeat list="{method>returnValue/types}" var="rtype">
-																		<m:Link text="{path: 'rtype>value', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"
+																		<m:Link text="{path: 'rtype>value', formatter: '.formatter.escapeSettingsValue'}"
 																				href="{rtype>href}"
 																				enabled="{= !!${rtype>linkEnabled} }"/>
 																	</template:repeat>
 																</layout:VerticalLayout>
-																<custom:JSDocText sanitizeContent="false" text="{path: 'method>returnValue/description', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"/>
+																<custom:JSDocText sanitizeContent="false" text="{path: 'method>returnValue/description', formatter: '.formatter.escapeSettingsValue'}"/>
 															</custom:Row>
 														</custom:LightTable>
 													</template:if>
@@ -693,7 +697,7 @@
 																	<m:Link text="{throws>type}"
 																		href="api/{throws>type}"
 																		enabled="{= !!${throws>linkEnabled} }"/>
-																	<custom:JSDocText sanitizeContent="false" text="{path: 'throws>description', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"/>
+																	<custom:JSDocText sanitizeContent="false" text="{path: 'throws>description', formatter: '.formatter.escapeSettingsValue'}"/>
 																</custom:Row>
 															</template:repeat>
 														</custom:LightTable>
@@ -747,7 +751,7 @@
 												<custom:Row>
 													<m:Link text="{= ${annotation>annotation} !== 'undefined' ? ${annotation>annotation} : '(' + ${annotation>namespaceText} + ')' }"
 															wrapping="false"/>
-													<custom:JSDocText sanitizeContent="false" text="{path: 'annotation>description', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"/>
+													<custom:JSDocText sanitizeContent="false" text="{path: 'annotation>description', formatter: '.formatter.escapeSettingsValue'}"/>
 												</custom:Row>
 											</template:repeat>
 										</custom:LightTable>
@@ -759,7 +763,7 @@
 										<custom:blocks>
 											<layout:VerticalLayout width="100%">
 
-												<custom:JSDocText sanitizeContent="false" text="{path: 'annotation>description', formatter: 'sap.ui.base.ManagedObject.escapeSettingsValue'}"/>
+												<custom:JSDocText sanitizeContent="false" text="{path: 'annotation>description', formatter: '.formatter.escapeSettingsValue'}"/>
 
 												<custom:LightTable columnTitles="Namespace,Target Type,Applies To" columnCount="3">
 													<custom:Row>

package/src/sap/ui/documentation/sdk/view/Tools.view.xml

@@ -300,10 +300,10 @@
 									target="_blank"
 									href="{newWindowLinks>/iconExplorerHomeLink}"
 									class="sapUiMediumMarginEnd"/>
-								<Link text="{i18n>TOOLS_CARD_7_LINK_1}"
+								<!-- <Link text="{i18n>TOOLS_CARD_7_LINK_1}"
 									target="_blank"
 									href="test-resources/sap/m/demokit/iconExplorer/webapp/test/integration/opaTests1.qunit.html"
-									class="sapUiMediumMarginEnd"/>
+									class="sapUiMediumMarginEnd"/> -->
 								<Link text="{i18n>TOOLS_CARD_7_LINK_2}"
 									target="_blank"
 									href="test-resources/sap/m/demokit/iconExplorer/webapp/test/unit/unitTests.qunit.html"/>

package/src/sap/ui/documentation/themes/base/DemoApps.less

@@ -0,0 +1,180 @@
+@demoAppsCardTextColor: #fff;
+
+@demoAppsMainHeaderCardBgColor: #07838F;
+@demoAppsMainHeaderCardBgColorDark: #223548;
+
+@demoAppsShowcaseCardHeaderBgColor: #14565b;
+@demoAppsTutorialCardHeaderBgColor: #07838e;
+@demoAppsRTACardHeaderBgColor: #5b738b;
+@demoAppsMiscCardHeaderBgColor: #223548;
+
+.sapUiDemokit {
+
+	.sapUiDemoKitDemoAppsPage {
+
+		// Utilities
+		.sapUiDemoKitDemoAppsLayoutPaddingBeginEnd {
+			padding: 0 2rem;
+		}
+
+		.sapUiDemoKitDemoAppsLayoutPaddingBottom {
+			padding-bottom: 3rem;
+		}
+
+		.sapUiDemoKitDemoAppsCardContentPadding {
+			padding: 1rem;
+		}
+
+		.sapFCard.sapUiDemoKitDemoAppsMainHeaderCard {
+			background: url("../../sdk/images/DemoApps_intro_card.svg") no-repeat center center,
+				linear-gradient(to right, @demoAppsMainHeaderCardBgColor, @demoAppsMainHeaderCardBgColorDark);
+			background-size: cover;
+			background-clip: content-box;
+
+			.sapFCardHeader {
+				background-color: unset;
+
+				.sapFCardHeaderText {
+
+					.sapFCardHeaderTextFirstLine,
+					.sapFCardHeaderTextSecondLine {
+						box-sizing: border-box;
+					}
+
+					.sapFCardHeaderTextFirstLine {
+						padding: .5rem 1rem 0 1rem;
+					}
+
+					.sapFCardHeaderTextSecondLine {
+						// Force the text content to go to the second line
+						max-width: 37.5rem; // 600px
+						padding: .5rem 1rem;
+					}
+
+					.sapFCardTitle,
+					.sapFCardSubtitle {
+						color: @demoAppsCardTextColor;
+					}
+
+					.sapFCardTitle {
+						font-size: @sapMFontLargeSize * 2;
+					}
+
+					.sapFCardSubtitle {
+						font-size: @sapMFontLargeSize;
+					}
+				}
+			}
+
+			.sapFCardContent {
+				padding: 1rem 2rem;
+			}
+		}
+
+		.sapFCard.sapUiDemoKitDemoAppsAsideCard {
+			.sapFCardHeader {
+				padding: 1.5rem;
+
+				.sapFCardHeaderText .sapFCardTitle {
+					font-size: @sapMFontHeader4Size;
+				}
+			}
+
+			.sapFCardContent {
+				padding-bottom: 0.5rem;
+
+				.sapUiDemoKitDemoAppsDownloadListContentPadding {
+					.sapMListItems .sapMLIB {
+						padding: 1.5rem;
+					}
+				}
+			}
+		}
+
+		.sapFCard.sapUiDemoKitDemoAppsCommonCard {
+			.sapFCardHeader {
+				.sapFCardHeaderText .sapMLnk.sapUiDemoKitDemoAppsCardHeaderLink {
+					font-size: @sapMFontLargeSize;
+					font-weight: bold;
+					color: @demoAppsCardTextColor;
+					// Ensure the link is not stretched to the full width of its container
+					align-self: flex-start;
+
+					&:visited {
+						color: @demoAppsCardTextColor;
+					}
+				}
+
+				.sapFCardHeaderImage .sapFCardIcon.sapFAvatar .sapUiIcon {
+					color: @demoAppsCardTextColor;
+				}
+			}
+		}
+
+		.sapUiDemoKitDemoAppsCategoryShowcase .sapFCard {
+			.sapFCardHeader {
+				background-color: @demoAppsShowcaseCardHeaderBgColor;
+			}
+		}
+
+		.sapUiDemoKitDemoAppsCategoryTutorial .sapFCard {
+			.sapFCardHeader {
+				background-color: @demoAppsTutorialCardHeaderBgColor;
+			}
+		}
+
+		.sapUiDemoKitDemoAppsCategoryRTA .sapFCard {
+			.sapFCardHeader {
+				background-color: @demoAppsRTACardHeaderBgColor;
+			}
+		}
+
+		.sapUiDemoKitDemoAppsCategoryMisc .sapFCard {
+			.sapFCardHeader {
+				background-color: @demoAppsMiscCardHeaderBgColor;
+			}
+		}
+
+		.sapUiDemoKitDemoAppsCategoryTitle {
+			justify-self: start;
+		}
+
+		// Align the font size of the download list items with the overall font size of the page
+		// Also changing the white space to normal allows the text to wrap
+		.sapUiDemoKitDemoAppsAsideContent .sapMILILabel {
+			font-size: @sapMFontLargeSize;
+			white-space: normal;
+		}
+
+		// Layout specific styles
+		.sapUiDemoKitDemoAppsAsideContent {
+			margin-top: 2.7rem; // 43px
+			margin-bottom: 0;
+
+			.sapUiDemoKitDemoAppsAsideContentMobile {
+				display: none;
+			}
+		}
+
+		@media screen and (max-width: 63.9375em) {
+			.sapUiDemoKitDemoAppsAsideContent {
+				order: -1;
+				margin-top: 0;
+				margin-bottom: 2rem;
+
+				.sapUiDemoKitDemoAppsAsideContentDesktop {
+					display: none;
+				}
+
+				.sapUiDemoKitDemoAppsAsideContentMobile {
+					display: initial;
+				}
+			}
+		}
+	}
+}
+
+// Content density specific styles
+.sapUiSizeCompact .sapUiDemokit .sapUiDemoKitDemoAppsPage .sapUiDemoKitDemoAppsAsideContent .sapMILILabel {
+	font-size: @sapMFontMediumSize;
+}

package/src/sap/ui/documentation/themes/base/DemokitTreeItem.less

@@ -27,4 +27,24 @@
 
 .sapUiTheme-sap_belize_hcb .sapDemokitTreeItemLabel {
 	color: #fff;
+}
+
+.sap-desktop:not(.sap-combi) .sapUiSizeCompact {
+	.sapUiDemoKitApiMasterPage.sapMPage.sapMPageWithHeader.sapMPageWithSubHeader > section {
+		top: 6.1rem;
+	}
+}
+
+.sap-tablet {
+	.sapUiDemoKitApiMasterPage.sapMPage.sapMPageWithHeader.sapMPageWithSubHeader > section {
+		top: 8.4rem;
+	}
+}
+
+@media screen and (max-width: 22.625em) { // 362px
+	.sap-phone {
+		.sapUiDemoKitApiMasterPage.sapMPage.sapMPageWithHeader.sapMPageWithSubHeader > section {
+			top: 8.4rem;
+		}
+	}
 }

package/src/sap/ui/documentation/themes/base/Documentation.less

@@ -941,14 +941,12 @@ html.sapUiMedia-Std-Tablet {
 
 		// Adjust the style of the version switch button to match the design specifiaction
 		.sapUiDemoKitHeaderActionsVersionSwitch .sapMBtnInner {
-			display: flex;
-			align-items: center;
-
 			&:after {
 				content: "\e287";
 				font-family: "SAP-icons";
+				position: relative;
+				top: 0.5rem;
 				margin-left: 0.5rem;
-				margin-right: 0.25rem;
 			}
 		}
 	}
@@ -992,7 +990,7 @@ html.sapUiMedia-Std-Tablet {
 		}
 	}
 
-	.sapMBtn.sapMBarChild.sapUiDemoKitHeaderActionsNewsButton {
+	.sapMBtn.sapMBarChild[class*="sapUiDemoKitHeaderActions"] {
 		.sapMBadgeTopRight.sapMBadge .sapMBadgeIndicator {
 			position: absolute;
 			top: -0.3125rem;
@@ -1000,8 +998,8 @@ html.sapUiMedia-Std-Tablet {
 	}
 }
 
-.sapUiSizeCompact  .sapUiDemokit .sapUiDemokitMainHeader {
-	.sapMBtn.sapMBarChild.sapUiDemoKitHeaderActionsNewsButton {
+.sapUiSizeCompact .sapUiDemokit .sapUiDemokitMainHeader {
+	.sapMBtn.sapMBarChild[class*="sapUiDemoKitHeaderActions"] {
 		.sapMBadgeTopRight.sapMBadge .sapMBadgeIndicator {
 			top: -0.1875rem;
 		}
@@ -1009,7 +1007,7 @@ html.sapUiMedia-Std-Tablet {
 }
 
 .sapUiSizeCozy .sapUiDemokit .sapUiDemokitMainHeader {
-	.sapMBtn.sapMBarChild.sapUiDemoKitHeaderActionsNewsButton {
+	.sapMBtn.sapMBarChild[class*="sapUiDemoKitHeaderActions"] {
 		.sapMBadgeTopRight.sapMBadge .sapMBadgeIndicator {
 			top: -0.125rem;
 		}

package/src/sap/ui/documentation/themes/base/Search.less

@@ -14,6 +14,6 @@
 	}
 
 	.sapUiDemokitSearchOpeningButton {
-		margin-right: -0.35rem;
+		margin-right: -0.1rem;
 	}
 }

package/src/sap/ui/documentation/themes/base/library.source.less

@@ -10,11 +10,12 @@
  @import url("../../../../../sap/ui/thirdparty/jqueryui/themes/base/jquery.ui.theme.css");
  @import url("../../../../../sap/ui/thirdparty/jqueryui/themes/base/jquery.ui.button.css");
 
-
  @import "DataTableFilterDropDown.less";
  @import "Documentation.less";
  @import "DemokitTreeItem.less";
  @import "LightTable.less";
  @import "ObjectPageSubSection.less";
  @import "Search.less";
- @import "TitleLink.less";
+ @import "TitleLink.less";
+
+ @import "./DemoApps.less";

package/src/sap/ui/documentation/themes/sap_horizon_hcb/DemoApps.less

@@ -0,0 +1,11 @@
+.sapUiDemokit .sapUiDemoKitDemoAppsPage {
+	.sapFCard.sapUiDemoKitDemoAppsMainHeaderCard {
+		background: @sapUiTileBackground;
+	}
+
+	.sapFCard.sapUiDemoKitDemoAppsCommonCard {
+		.sapFCardHeader {
+			background-color: @sapUiTileBackground;
+		}
+	}
+}

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

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

package/src/sap/ui/documentation/themes/sap_horizon_hcw/DemoApps.less

@@ -0,0 +1,30 @@
+.sapUiDemokit .sapUiDemoKitDemoAppsPage {
+	.sapFCard.sapUiDemoKitDemoAppsMainHeaderCard {
+		background: @sapUiTileBackground;
+
+		.sapFCardHeader .sapFCardHeaderText {
+			.sapFCardTitle,
+			.sapFCardSubtitle {
+				color: @sapUiTileTextColor;
+			}
+		}
+	}
+
+	.sapFCard.sapUiDemoKitDemoAppsCommonCard {
+		.sapFCardHeader {
+			background-color: @sapUiTileBackground;
+
+			.sapFCardHeaderText .sapMLnk.sapUiDemoKitDemoAppsCardHeaderLink {
+				color: @sapUiTileTextColor;
+
+				&:visited {
+					color: @sapUiTileTextColor;
+				}
+			}
+
+			.sapFCardHeaderImage .sapFCardIcon.sapFAvatar .sapUiIcon {
+				color: @sapUiTileTextColor;
+			}
+		}
+	}
+}

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

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

package/LICENSES/BSD-2-Clause.txt

@@ -1,22 +0,0 @@
-Copyright (c) <year> <owner>. All rights reserved.
-
-Redistribution and use in source and binary forms, with or without modification,
-are permitted provided that the following conditions are met:
-
-1. Redistributions of source code must retain the above copyright notice,
-this list of conditions and the following disclaimer.
-
-2. Redistributions in binary form must reproduce the above copyright notice,
-this list of conditions and the following disclaimer in the documentation
-and/or other materials provided with the distribution.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
-ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
-LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE
-USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.