@openui5/sap.ui.documentation 1.102.2 → 1.104.0

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

@@ -77,7 +77,7 @@
 			<l:BlockLayout>
 				<l:BlockLayoutRow>
 					<l:BlockLayoutCell
-							backgroundColorSet="ColorSet11"
+							backgroundColorSet="ColorSet10"
 							backgroundColorShade="ShadeA">
 						<l:Grid
 								defaultSpan="L6 M12 S12"
@@ -105,8 +105,8 @@
 					</l:BlockLayoutCell>
 
 					<l:BlockLayoutCell
-							backgroundColorSet="ColorSet11"
-							backgroundColorShade="ShadeD">
+							backgroundColorSet="ColorSet10"
+							backgroundColorShade="ShadeB">
 						<l:VerticalLayout
 								width="100%">
 							<custom:TitleLink
@@ -171,7 +171,7 @@
 
 				<l:BlockLayoutRow>
 					<l:BlockLayoutCell
-							backgroundColorSet="ColorSet11"
+							backgroundColorSet="ColorSet10"
 							backgroundColorShade="ShadeB">
 						<l:VerticalLayout
 								width="100%">
@@ -243,7 +243,7 @@
 					</l:BlockLayoutCell>
 
 					<l:BlockLayoutCell
-							backgroundColorSet="ColorSet11"
+							backgroundColorSet="ColorSet10"
 							backgroundColorShade="ShadeA">
 						<l:Grid
 								defaultSpan="L6 M12 S12"
@@ -281,7 +281,7 @@
 <!-- This block layout row will be commented until BGSOFUIPIRIN-5473 is completely finished-->
 <!--				<l:BlockLayoutRow>-->
 <!--					<l:BlockLayoutCell-->
-<!--							backgroundColorSet="ColorSet11"-->
+<!--							backgroundColorSet="ColorSet10"-->
 <!--							backgroundColorShade="ShadeA">-->
 <!--						<HBox alignItems="Center" justifyContent="Center" width="100%" height="100%">-->
 <!--							<core:HTML sanitizeContent="true" content='-->
@@ -296,7 +296,7 @@
 <!--						</HBox>-->
 <!--					</l:BlockLayoutCell>-->
 <!--					<l:BlockLayoutCell-->
-<!--							backgroundColorSet="ColorSet11"-->
+<!--							backgroundColorSet="ColorSet10"-->
 <!--							backgroundColorShade="ShadeD">-->
 <!--						<l:VerticalLayout-->
 <!--								width="100%">-->
@@ -395,7 +395,7 @@
 			<l:BlockLayout>
 				<l:BlockLayoutRow>
 					<l:BlockLayoutCell
-							backgroundColorSet="ColorSet11"
+							backgroundColorSet="ColorSet10"
 							backgroundColorShade="ShadeA">
 						<l:VerticalLayout
 								width="100%">
@@ -412,7 +412,7 @@
 					</l:BlockLayoutCell>
 
 					<l:BlockLayoutCell
-							backgroundColorSet="ColorSet11"
+							backgroundColorSet="ColorSet10"
 							backgroundColorShade="ShadeA">
 							<HBox alignItems="Center" justifyContent="Center" width="100%" height="100%">
 								<Image
@@ -446,8 +446,8 @@
 			<l:BlockLayout>
 				<l:BlockLayoutRow>
 					<l:BlockLayoutCell
-							backgroundColorSet="ColorSet11"
-							backgroundColorShade="ShadeD">
+							backgroundColorSet="ColorSet10"
+							backgroundColorShade="ShadeA">
 						<l:VerticalLayout
 								width="100%">
 							<html:div class="sapUIDisclaimerLink sapUiSmallMarginBottom">
@@ -485,7 +485,7 @@
 					</l:BlockLayoutCell>
 
 					<l:BlockLayoutCell
-							backgroundColorSet="ColorSet11"
+							backgroundColorSet="ColorSet10"
 							backgroundColorShade="ShadeB">
 						<l:VerticalLayout
 								width="100%">
@@ -526,8 +526,8 @@
 					</l:BlockLayoutCell>
 
 					<l:BlockLayoutCell
-							backgroundColorSet="ColorSet11"
-							backgroundColorShade="ShadeA">
+							backgroundColorSet="ColorSet10"
+							backgroundColorShade="ShadeC">
 						<l:VerticalLayout
 								width="100%">
 							<html:div class="sapUIDisclaimerLink sapUiSmallMarginBottom">
@@ -567,8 +567,8 @@
 					</l:BlockLayoutCell>
 
 					<l:BlockLayoutCell
-							backgroundColorSet="ColorSet11"
-							backgroundColorShade="ShadeC">
+							backgroundColorSet="ColorSet10"
+							backgroundColorShade="ShadeA">
 						<l:VerticalLayout
 								width="100%">
 							<custom:TitleLink
@@ -621,7 +621,7 @@
 				<l:BlockLayoutRow>
 					<l:BlockLayoutCell
 							class="sapUiBlockCenteredCell communityLinkCell"
-							backgroundColorSet="ColorSet11"
+							backgroundColorSet="ColorSet10"
 							backgroundColorShade="ShadeA">
 						<l:HorizontalLayout>
 							<core:Icon
@@ -646,7 +646,7 @@
 
 					<l:BlockLayoutCell
 							class="sapUiBlockCenteredCell communityLinkCell"
-							backgroundColorSet="ColorSet11"
+							backgroundColorSet="ColorSet10"
 							backgroundColorShade="ShadeB">
 						<l:HorizontalLayout>
 							<Image
@@ -672,8 +672,8 @@
 
 					<l:BlockLayoutCell
 							class="sapUiBlockCenteredCell communityLinkCell"
-							backgroundColorSet="ColorSet11"
-							backgroundColorShade="ShadeC">
+							backgroundColorSet="ColorSet10"
+							backgroundColorShade="ShadeA">
 						<l:HorizontalLayout>
 							<Image
 									src="./resources/sap/ui/documentation/sdk/images/logo_youtube.png"
@@ -695,11 +695,12 @@
 								press="onDisclaimerLinkPress"/>
 						</l:HorizontalLayout>
 					</l:BlockLayoutCell>
-
+				</l:BlockLayoutRow>
+				<l:BlockLayoutRow>
 					<l:BlockLayoutCell
-							class="sapUiBlockCenteredCell communityLinkCell"
-							backgroundColorSet="ColorSet11"
-							backgroundColorShade="ShadeD">
+						class="sapUiBlockCenteredCell communityLinkCell"
+						backgroundColorSet="ColorSet10"
+						backgroundColorShade="ShadeC">
 						<l:HorizontalLayout>
 							<Image
 									src="./resources/sap/ui/documentation/sdk/images/logo_twitter.png"
@@ -721,7 +722,30 @@
 								press="onDisclaimerLinkPress"/>
 						</l:HorizontalLayout>
 					</l:BlockLayoutCell>
-
+					<l:BlockLayoutCell
+						class="sapUiBlockCenteredCell communityLinkCell"
+						backgroundColorSet="ColorSet10"
+						backgroundColorShade="ShadeB">
+						<l:HorizontalLayout>
+							<core:Icon
+									src="sap-icon://email"
+									size="2.5rem"
+									color="Default"/>
+							<custom:TitleLink
+									href="https://listserv.sap.com/mailman/listinfo/ui5.announce"
+									target="_blank"
+									text="{i18n>WELCOME_BLOCK_13_TITLE}"
+									titleStyle="H2"
+									wrap="false"
+									class="sapUiSmallMargin sapUiNoMarginBottom sapUiNoMarginEnd"/>
+							<Image
+								src="./resources/sap/ui/documentation/sdk/images/link-sap.png"
+								tooltip="{i18n>LEGAL_DISCLAIMER_INTERNAL_TOOLTIP}"
+								width="1.25rem"
+								class="sapUiDisclaimerCommunityLink"
+								press="onDisclaimerLinkPress"/>
+						</l:HorizontalLayout>
+					</l:BlockLayoutCell>
 				</l:BlockLayoutRow>
 			</l:BlockLayout>
 		</Panel>

package/src/sap/ui/documentation/sdk/view/appSettingsDialog.fragment.xml

@@ -11,13 +11,15 @@
 			<VBox class="sapUiTinyMarginTop">
 					<Label text="{i18n>APP_SETTINGS_DIALOG_THEME}" design="Standard" labelFor="ThemeSelect" />
 					<Select id="ThemeSelect" width="100%" class="sapUiSmallMarginBottom">
-						<core:Item key="sap_horizon" text="Horizon"/>
+						<core:Item key="sap_horizon" text="Morning Horizon (Light)"/>
+						<core:Item key="sap_horizon_dark" text="Evening Horizon (Dark)"/>
+						<core:Item key="sap_horizon_hcb" text="Horizon High Contrast Black"/>
+						<core:Item key="sap_horizon_hcw" text="Horizon High Contrast White"/>
 						<core:Item key="sap_fiori_3" text="Quartz Light"/>
 						<core:Item key="sap_fiori_3_dark" text="Quartz Dark"/>
+						<core:Item key="sap_fiori_3_hcb" text="Quartz High Contrast Black"/>
+						<core:Item key="sap_fiori_3_hcw" text="Quartz High Contrast White"/>
 						<core:Item key="sap_belize" text="Belize"/>
-						<core:Item key="sap_belize_plus" text="Belize Deep"/>
-						<core:Item key="sap_fiori_3_hcb" text="High Contrast Black"/>
-						<core:Item key="sap_fiori_3_hcw" text="High Contrast White"/>
 					</Select>
 
 					<Label text="{i18n>APP_SETTINGS_DIALOG_DENSITY}" design="Standard"  labelFor="CompactModeSwitch" />

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

@@ -4,7 +4,7 @@
 }
 
 .sapDemokitTreeItemTitle {
-	color: #fff;
+	color: @sapUiListTextColor;
 }
 
 .sapDemokitTreeItemLabel,
@@ -17,18 +17,14 @@
 	color: #d3d7d9;
 }
 
+.sapUiTheme-sap_horizon .sapDemokitTreeItemLabel {
+	color: #556b82;
+}
+
 .sapUiTheme-sap_belize_hcw .sapDemokitTreeItemLabel {
 	color: #000;
 }
 
 .sapUiTheme-sap_belize_hcb .sapDemokitTreeItemLabel {
 	color: #fff;
-}
-
-.sapUiTheme-sap_fiori_3_hcw .sapDemokitTreeItemTitle {
-	color: #000000;
-}
-
-.sapUiTheme-sap_belize_hcw .sapDemokitTreeItemTitle {
-	color: #000000;
 }

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

@@ -602,14 +602,14 @@ html.sap-tablet:not(.sap-desktop) {
             font-weight: bold;
             border-collapse: collapse;
             padding: 0.6em;
+            border: .02em solid @sapUiDemoKitTableThBorder;
         }
 
         td {
             border-collapse: collapse;
             padding: .5rem;
-            vertical-align: top;
-            text-align: left;
             line-height: 1.75rem;
+            border: .02em solid @sapUiDemoKitTableTdBorder;
 
             p:first-child {
               margin-top: 0;
@@ -627,6 +627,20 @@ html.sap-tablet:not(.sap-desktop) {
               font-size: .8125rem;
             }
         }
+        th,td {
+            &.background_blue {
+                border-color: @sapUiDemoKitBorderBlue;
+                background-color: @sapUiDemoKitBgrBlue;
+            }
+            &.background_green {
+                border-color: @sapUiDemoKitBorderGreen;
+                background-color: @sapUiDemoKitBgrGreen;
+            }
+            &.background_yellow {
+                border-color: @sapUiDemoKitBorderYellow;
+                background-color: @sapUiDemoKitBgrYellow;
+            }
+        }
     }
 
     span.figcap > h2 {

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

@@ -168,44 +168,53 @@
 	border-bottom: 0.125rem solid #000000;
 }
 
-.sapUiTheme-sap_fiori_3_dark .sapUiDocLightTable .head {
-	background-color: #232931;
-	border-bottom: solid 1px #3a4552;
-}
-
-.sapUiTheme-sap_fiori_3_dark .sapUiDocLightTable .row {
-	background-color: #29313a;
-	border-bottom: solid 1px #3a4552;
-}
-
-.sapUiTheme-sap_fiori_3_dark .sapUiDocLightTable .head,
-.sapUiTheme-sap_fiori_3_dark .sapUiDocLightTable .row {
-	border-left: none;
-	border-right: none;
-}
-
-.sapUiTheme-sap_fiori_3_hcb .sapUiDocLightTable .head,
-.sapUiTheme-sap_fiori_3_hcb .sapUiDocLightTable .row {
-	background-color: #000000;
-	border-bottom: solid 1px #ffffff;
-	border-left: solid 1px #ffffff;
-	border-right: solid 1px #ffffff;
-}
-
-.sapUiTheme-sap_fiori_3_hcb .sapUiDocLightTable .head {
-	border-top: 1px solid #ffffff;
-	border-bottom: 0.125rem solid #ffffff;
-}
-
-.sapUiTheme-sap_fiori_3_hcw .sapUiDocLightTable .head,
-.sapUiTheme-sap_fiori_3_hcw .sapUiDocLightTable .row {
-	background-color: #ffffff;
-	border-bottom: solid 1px #000000;
-	border-left: solid 1px #000000;
-	border-right: solid 1px #000000;
-}
-
-.sapUiTheme-sap_fiori_3_hcw .sapUiDocLightTable .head {
-	border-top: 1px solid #000000;
-	border-bottom: 0.125rem solid #000000;
+.sapUiTheme-sap_horizon_dark,
+.sapUiTheme-sap_fiori_3_dark {
+	.sapUiDocLightTable .head {
+		background-color: #232931;
+		border-bottom: solid 1px #3a4552;
+	}
+	
+	.sapUiDocLightTable .row {
+		background-color: #29313a;
+		border-bottom: solid 1px #3a4552;
+	}
+	
+	.sapUiDocLightTable .head,
+	.sapUiDocLightTable .row {
+		border-left: none;
+		border-right: none;
+	}
+}
+
+.sapUiTheme-sap_horizon_hcb,
+.sapUiTheme-sap_fiori_3_hcb {
+	.sapUiDocLightTable .head,
+	.sapUiDocLightTable .row {
+		background-color: #000000;
+		border-bottom: solid 1px #ffffff;
+		border-left: solid 1px #ffffff;
+		border-right: solid 1px #ffffff;
+	}
+	
+	.sapUiDocLightTable .head {
+		border-top: 1px solid #ffffff;
+		border-bottom: 0.125rem solid #ffffff;
+	}
+}
+
+.sapUiTheme-sap_horizon_hcw 
+.sapUiTheme-sap_fiori_3_hcw {
+	.sapUiDocLightTable .head,
+	.sapUiDocLightTable .row {
+		background-color: #ffffff;
+		border-bottom: solid 1px #000000;
+		border-left: solid 1px #000000;
+		border-right: solid 1px #000000;
+	}
+
+	.sapUiDocLightTable .head {
+		border-top: 1px solid #000000;
+		border-bottom: 0.125rem solid #000000;
+	}
 }

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

@@ -0,0 +1,9 @@
+.sapUiTheme-sap_horizon,
+.sapUiTheme-sap_horizon_dark {
+	// necessary because of background color on the block container
+	.sapUiDemokit
+	.sapUxAPObjectPageSection:not(.sapUiDemokitEntityAbout):not(.sapUiDemokitEntitySamples)
+	.sapUxAPObjectPageSectionContainer .sapUxAPObjectPageSubSection .sapUxAPBlockContainer {
+		padding: 1rem;
+	}
+}

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

@@ -1,6 +1,7 @@
 .sapUiDocumentationSearch {
 	display: flex;
 	justify-content: flex-end;
+	gap: 5px;
 }
 
 .sapUiDocumentationSearch .sapMSF {

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

@@ -0,0 +1,27 @@
+// ===========================
+// Global CSS for 'base' theme
+// ===========================
+
+// ===========================
+// Semantic Theming Mapping
+// ===========================
+
+// ===========================
+// Demo Kit Theming
+// ===========================
+
+@sapUiDemoKitTableTdBorder: #ccc;
+@sapUiDemoKitTableThBorder: #ccc;
+
+@sapUiDemoKitColorBlue: rgb(47,160,224);
+@sapUiDemoKitColorGreen: rgb(79,184,28);
+@sapUiDemoKitColorYellow: rgb(240,171,0);
+
+@sapUiDemoKitBgrBlue: transparent;
+@sapUiDemoKitBorderBlue: #ccc;
+
+@sapUiDemoKitBgrYellow: transparent;
+@sapUiDemoKitBorderYellow: #ccc;
+
+@sapUiDemoKitBgrGreen: transparent;
+@sapUiDemoKitBorderGreen: #ccc;

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

@@ -6,6 +6,7 @@
 
  @import "../../../../../sap/ui/core/themes/base/base.less";
  @import "../../../../../sap/ui/core/themes/base/global.less";
+ @import "global.less";
  @import url("../../../../../sap/ui/thirdparty/jqueryui/themes/base/jquery.ui.theme.css");
  @import url("../../../../../sap/ui/thirdparty/jqueryui/themes/base/jquery.ui.button.css");
 
@@ -14,5 +15,6 @@
  @import "Documentation.less";
  @import "DemokitTreeItem.less";
  @import "LightTable.less";
+ @import "ObjectPageSubSection.less";
  @import "Search.less";
  @import "TitleLink.less";

package/src/sap/ui/documentation/themes/sap_belize/global.less

@@ -0,0 +1,19 @@
+// =============================
+// Global CSS for 'belize' theme
+// =============================
+
+// ===========================
+// Semantic Theming Mapping
+// ===========================
+
+// ===========================
+// Demo Kit Theming
+// ===========================
+
+
+@sapUiDemoKitBorderBlue: fade(@sapUiDemoKitColorBlue, 50);
+@sapUiDemoKitBgrBlue: fade(@sapUiDemoKitColorBlue, 5);
+@sapUiDemoKitBorderYellow: fade(@sapUiDemoKitColorYellow, 50);
+@sapUiDemoKitBgrYellow: fade(@sapUiDemoKitColorYellow, 5);
+@sapUiDemoKitBorderGreen: fade(@sapUiDemoKitColorGreen, 50);
+@sapUiDemoKitBgrGreen: fade(@sapUiDemoKitColorGreen, 5);

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

@@ -7,3 +7,4 @@
 @import "../base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_belize/base.less";
 @import "../../../../../sap/ui/core/themes/sap_belize/global.less";
+@import "global.less";

package/src/sap/ui/documentation/themes/sap_fiori_3/global.less

@@ -0,0 +1,18 @@
+// =============================
+// Global CSS for 'Quartz' theme
+// =============================
+
+// ===========================
+// Semantic Theming Mapping
+// ===========================
+
+// ===========================
+// Demo Kit Theming
+// ===========================
+
+@sapUiDemoKitBorderBlue: fade(@sapUiDemoKitColorBlue, 50);
+@sapUiDemoKitBgrBlue: fade(@sapUiDemoKitColorBlue, 5);
+@sapUiDemoKitBorderYellow: fade(@sapUiDemoKitColorYellow, 50);
+@sapUiDemoKitBgrYellow: fade(@sapUiDemoKitColorYellow, 5);
+@sapUiDemoKitBorderGreen: fade(@sapUiDemoKitColorGreen, 50);
+@sapUiDemoKitBgrGreen: fade(@sapUiDemoKitColorGreen, 5);

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

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

package/src/sap/ui/documentation/themes/sap_horizon/Link.less

@@ -0,0 +1,3 @@
+.sapMLnk:not(.sapMLnkDsbl) {
+	text-shadow: none;
+}

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

@@ -0,0 +1,3 @@
+.sapUiDocumentationSearch .sapMSFF {
+	border: 1px solid @sapUiFieldFocusBorderColor;
+}

package/src/sap/ui/documentation/themes/sap_horizon/SplitButton.less

@@ -0,0 +1,5 @@
+.sapUiSizeCozy, .sapUiSizeCompact, .sapUiSizeCondensed {
+    .sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner .sapUiIcon {
+        line-height: 2.75rem;
+    }
+}

package/src/sap/ui/documentation/themes/sap_horizon/global.less

@@ -0,0 +1,18 @@
+// ==============================
+// Global CSS for 'Horizon' theme
+// ==============================
+
+// ===========================
+// Semantic Theming Mapping
+// ===========================
+
+// ===========================
+// Demo Kit Theming
+// ===========================
+
+@sapUiDemoKitBorderBlue: fade(@sapUiDemoKitColorBlue, 50);
+@sapUiDemoKitBgrBlue: fade(@sapUiDemoKitColorBlue, 5);
+@sapUiDemoKitBorderYellow: fade(@sapUiDemoKitColorYellow, 50);
+@sapUiDemoKitBgrYellow: fade(@sapUiDemoKitColorYellow, 5);
+@sapUiDemoKitBorderGreen: fade(@sapUiDemoKitColorGreen, 50);
+@sapUiDemoKitBgrGreen: fade(@sapUiDemoKitColorGreen, 5);

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

@@ -6,4 +6,9 @@
 
 @import "../base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_horizon/base.less";
-@import "../../../../../sap/ui/core/themes/sap_horizon/global.less";
+@import "../../../../../sap/ui/core/themes/sap_horizon/global.less";
+@import "global.less";
+
+@import "./Link.less";
+@import "./Search.less";
+@import "./SplitButton.less";

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

@@ -0,0 +1,17 @@
+#d4h5-main-container,
+.faqContent {
+    .note,
+    pre.codeblock,
+    blockquote,
+    div.syntax {
+        background-color: #1d2d3e;
+    }
+
+    .hljs-tag {
+        color: #00abff;
+    }
+
+    pre.codeblock .emphasis {
+        background-color: #24435e;
+    }
+}

package/src/sap/ui/documentation/themes/sap_horizon_dark/Link.less

@@ -0,0 +1,3 @@
+.sapMLnk:not(.sapMLnkDsbl) {
+	text-shadow: none;
+}

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

@@ -0,0 +1,3 @@
+.sapUiDocumentationSearch .sapMSFF {
+	border: 1px solid @sapUiFieldFocusBorderColor;
+}

package/src/sap/ui/documentation/themes/sap_horizon_dark/SplitButton.less

@@ -0,0 +1,5 @@
+.sapUiSizeCozy, .sapUiSizeCompact, .sapUiSizeCondensed {
+    .sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner .sapUiIcon {
+        line-height: 2.75rem;
+    }
+}

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

@@ -6,4 +6,9 @@
 
 @import "../base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_horizon_dark/base.less";
-@import "../../../../../sap/ui/core/themes/sap_horizon_dark/global.less";
+@import "../../../../../sap/ui/core/themes/sap_horizon_dark/global.less";
+
+@import "./Documentation.less";
+@import "./Link.less";
+@import "./Search.less";
+@import "./SplitButton.less";