@openui5/themelib_sap_belize 1.124.2 → 1.126.0

package/src/sap/ui/ux3/themes/sap_belize_base/ThingInspector.less

@@ -0,0 +1,269 @@
+/* ================================================= */
+/* CSS for control sap.ui.ux3/ThingInspector.control */
+/* ================================================= */
+
+.sapUiShd.sapUiUx3TI {
+	min-width: 390px;
+}
+
+.sapUiShd.sapUiUx3TI > .sapUiUx3TV {
+	background-color: @sapUiExtraLightBG;
+	position: absolute;
+	top: 29px;
+	left: 29px;
+	bottom: 29px;
+	right: 29px;
+	opacity: 1;
+	padding: 0;
+	min-width: 332px;
+}
+
+.sapUiUx3TIContent {
+	background-color: @sapUiDarkBG;
+	position: absolute;
+	top: 29px;
+	left: 29px;
+	bottom: 29px;
+	right: 29px;
+	opacity: 1;
+	padding: 0;
+}
+
+.sapUiUx3TIOverlay {
+}
+
+.sapUiUx3TIContentScrollContainer {
+	position: absolute;
+	background-color: @sapUiExtraLightBG;
+	top: 0px;
+	left: 0px;
+	bottom: 0px;
+	right: 0px;
+	padding: 0;
+	overflow-y:auto;
+	overflow-x:hidden;
+}
+
+.sapUiUx3TIHeader {
+	background-color: @sapUiExtraLightBG;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	bottom: 42px;
+	width: 270px;
+}
+
+.sapUiUx3TIFacets {
+	background-color: @sapUiExtraLightBG;
+	position: absolute;
+	top: 0px;
+	left: 270px;
+	bottom: 42px;
+	right: 0px;
+	border-left: 1px solid @sapUiMediumBorder;
+}
+
+.sapUiUx3TIToolbar {
+	background-color: @sapUiExtraLightBG;
+	position: absolute;
+	bottom: 0px;
+	right: 0px;
+	left: 0px;
+	height: 31px;
+	margin: 0;
+	padding: 9px 18px 0 18px;
+	border-top: 1px solid @sapUiMediumBorder;
+}
+
+.sapUiUx3TIHeaderContent {
+	background-color: @sapUiBlackBG;
+}
+
+.sapUiUx3TIHeaderContainer {
+	padding: 0px 10px 5px 10px;
+}
+
+.sapUiUx3TIHeaderContainerIdentifier {
+	padding: 10px 10px 0px 10px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 250px;
+	height: 28px;
+}
+
+.sapUiUx3TIIdentifier {
+	font-size: 16px;
+	font-weight: bold;
+	color: @sapUiBaseText;
+	height: 27px;
+	width: 100%;
+	text-transform: uppercase;
+}
+
+.sapUiUx3TITitle {
+	font-weight: bold;
+	padding-left: 10px;
+	color: @sapUiBaseText;
+	display: inline-block;
+	vertical-align: top;
+	position:relative;
+	width:67%; /*174px;*/
+	text-overflow:ellipsis;
+	white-space:nowrap;
+	overflow:hidden;
+}
+
+.sapUiUx3TITitleFirst {
+	font-size: 16px;
+}
+
+.sapUiUx3TITitleSecond {
+	font-size: 14px;
+	font-weight: regular;
+	padding-top: 4px;
+}
+
+.sapUiUx3TIIconBar {
+	position: relative;
+	padding: 10px 0px 15px 0px;
+}
+
+.sapUiUx3TIIcon {
+	padding: 8px;
+	display: inline-block;
+	width: 48px;
+	height: 48px;
+	border: 1px solid @sapUiMediumBorder;
+	border-radius: 6px;
+}
+
+.sapUiUx3TIIcon>IMG {
+	width: 100%;
+	height: 100%;
+}
+
+.sapUiUx3TIOverview {
+}
+
+.sapUiUx3TIHRGrey {
+	background-color: @sapUiMediumBorder;
+	border: 0;
+	height: 2px;
+	margin: 0;
+	padding: 0;
+}
+
+.sapUiUx3TIHRWhite {
+	background-color: @sapUiMediumBorder;
+	border: 0;
+	height: 2px;
+	margin: 0;
+	padding: 0;
+}
+
+.sapUiUx3TIHeaderGroupTitle {
+	font-weight: bold;
+	font-size: 12px;
+	color: @sapUiBaseText;
+	text-transform: uppercase;
+	padding-top:7px;
+	text-overflow:ellipsis;
+	white-space:nowrap;
+	overflow:hidden;
+}
+
+.sapUiUx3TIHeaderGroupContent {
+	margin: 10px 0px 0px 0px;
+	font: 12px arial, sans-serif;
+}
+
+.sapUiUx3TIFacetBar {
+	position: absolute;
+	left: 20px;
+	right: 20px;
+	top: 0px;
+	height: 38px;
+	padding: 10px 0px 0px 0px;
+}
+
+.sapUiUx3TIFacetContent {
+	position: absolute;
+	left: 0px;
+	right: 0px;
+	top: 40px;
+	bottom: 0px;
+	overflow-y: auto;
+	overflow-x: auto;
+}
+
+.sapUiUx3TIFacetItem {
+	display: inline-block;
+	padding: 5px;
+}
+
+.sapUiUx3TIFacetThingGroup {
+	width: 50%;
+	/*height: 300px;*/
+	min-width: 400px;
+	display: inline-block;
+	vertical-align: top;
+}
+
+.sapUiUx3TIFacetThingGroupSpan {
+	width: 100%;
+	/*height: 300px;*/
+	min-width: 600px;
+	display: block;
+	vertical-align: top;
+}
+
+.sapUiUx3TIFacetThingGroupContent {
+	margin: 5px 20px 0px 20px;
+}
+
+.sapUiUx3TIFacetThingGroupContentTitle {
+	margin: 10px 20px 0px 20px;
+	font-weight: bold;
+	font-size: 14px;
+	color: @sapUiBaseText;
+	padding-bottom: 8px;
+	text-transform: uppercase;
+	border-bottom: 2px solid @sapUiMediumBorder;
+	text-overflow:ellipsis;
+	white-space:nowrap;
+	overflow:hidden;
+}
+
+.sapUiUx3TIFacetThingGroupContentTitle.HR {
+	margin-top: 8px;
+	padding: 0px;
+	height: 2px;
+}
+
+.sapUiUx3TIHeaderGroupScrollContainer {
+	overflow-y: auto;
+	position: absolute;
+	top: 40px;
+	bottom: 0px;
+	width: 270px;
+}
+
+.sapUiUx3TI.sapUiUx3TINoFrame {
+	box-shadow: none;
+}
+
+.sapUiUx3TI.sapUiUx3TINoFrame > .sapUiUx3TIContent {
+	left: 0;
+	right: 0;
+	bottom: 0;
+	top: 0;
+}
+
+.sapUiUx3TI.sapUiUx3TINoFrame .sapUiUx3TV >.sapUiUx3TVContent {
+	background-color: @sapUiWhiteBG;
+}
+.sapUiUx3TI.sapUiUx3TINoFrame > .sapUiUx3OverlayOpenButton,
+.sapUiUx3TI.sapUiUx3TINoFrame > .sapUiUx3OverlayCloseButton {
+	display: none;
+}

package/src/sap/ui/ux3/themes/sap_belize_base/ThingViewer.less

@@ -0,0 +1,290 @@
+/* ======================================== */
+/* CSS for control sap.ui.ux3/Thing.control */
+/* ======================================== */
+
+.sapUiUx3TV {
+	position: relative;
+}
+
+.sapUiUx3TVContent {
+	background-color: @sapUiExtraLightBG;
+	border: 1px solid @sapUiMediumBorder;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	bottom: 0px;
+	right: 0px;
+	opacity: 1;
+	padding: 0;
+	min-width: 332px;
+}
+
+.sapUiUx3TVActionBar  {
+	bottom: 42px;
+}
+
+.sapUiUx3TVNoActionBar  {
+	bottom: 0px;
+}
+
+.sapUiUx3TVContentScrollContainer {
+	position: absolute;
+	background-color: @sapUiExtraLightBG;
+	top: 0px;
+	left: 0px;
+	bottom: 0px;
+	right: 0px;
+	padding: 0;
+	overflow-y:auto;
+	overflow-x:hidden;
+}
+.sapUiUx3TVHeader {
+	background-color: @sapUiExtraLightBG;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	width: 270px;
+}
+.sapUiUx3TVHeader.sapUiUx3TVhorizontal{
+	height: 155px;
+	right: 0px;
+	width: auto;
+	border-bottom: 1px solid @sapUiMediumBorder;
+}
+
+.sapUiUx3TVFacets {
+	background-color: @sapUiExtraLightBG;
+	position: absolute;
+	top: 0px;
+	left: 270px;
+	right: 0px;
+	border-left: 1px solid @sapUiMediumBorder;
+}
+.sapUiUx3TVFacets.sapUiUx3TVhorizontal {
+	top: 156px;
+	left: 0px;
+	right: 0px;
+	bottom:40px;
+	border-left: 0;
+}
+
+.sapUiUx3TVToolbar {
+	background-color: @sapUiExtraLightBG;
+	position: absolute;
+	bottom: 0px;
+	right: 0px;
+	left: 0px;
+	height: 31px;
+	margin: 0;
+	padding: 9px 18px 0 18px;
+	border-top: 1px solid @sapUiMediumBorder;
+}
+
+.sapUiUx3TVHeaderContent {
+	background-color: @sapUiBlackBG;
+}
+
+.sapUiUx3TVHeaderContainer {
+	padding: 0px 10px 5px 10px;
+	display: inline-block;
+	width: 250px;
+}
+
+.sapUiUx3TVHeaderContainer.sapUiUx3TVhorizontal {
+	display: inline-block;
+	padding: 0px 10px 0px 10px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	min-width: 200px;
+	height: 100%;
+	vertical-align: top;
+	border-left: 1px solid @sapUiMediumBorder;
+}
+
+.sapUiUx3TVHeaderContainerIdentifier {
+	padding: 10px 10px 0px 10px;
+	width: 250px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.sapUiUx3TVIdentifier {
+	font-size: 16px;
+	font-weight: bold;
+	color: @sapUiBaseText;
+	height: 27px;
+	width: 100%;
+	text-transform: uppercase;
+}
+
+.sapUiUx3TVTitle {
+	font-weight: bold;
+	padding-left: 10px;
+	color: @sapUiBaseText;
+	display: inline-block;
+	vertical-align: top;
+	position:relative;
+	width:67%; /*174px;*/
+	text-overflow:ellipsis;
+	white-space:nowrap;
+	overflow:hidden;
+}
+
+.sapUiUx3TVTitleFirst {
+	font-size: 16px;
+}
+
+.sapUiUx3TVTitleSecond {
+	font-size: 14px;
+	font-weight: regular;
+	padding-top: 4px;
+}
+
+.sapUiUx3TVIconBar {
+	position: relative;
+	padding: 10px 0px 15px 0px;
+}
+
+.sapUiUx3TVIcon {
+	padding: 8px;
+	display: inline-block;
+	width: 48px;
+	height: 48px;
+	font-size: 48px;
+	border: 1px solid @sapUiMediumBorder;
+	border-radius: 6px;
+	float: left;
+}
+
+.sapUiUx3TVIcon>IMG {
+	width: 100%;
+	height: 100%;
+}
+
+.sapUiUx3TVHRGrey {
+	background-color: @sapUiMediumBorder;
+	border: 0;
+	height: 2px;
+	margin: 0;
+	padding: 0;
+}
+
+.sapUiUx3TVHRWhite {
+	background-color: @sapUiMediumBorder;
+	border: 0;
+	height: 2px;
+	margin: 0;
+	padding: 0;
+}
+
+.sapUiUx3TVHeaderGroupTitle {
+	font-weight: bold;
+	font-size: 12px;
+	color: @sapUiBaseText;
+	text-transform: uppercase;
+	padding-top:7px;
+	text-overflow:ellipsis;
+	white-space:nowrap;
+	overflow:hidden;
+}
+
+.sapUiUx3TVHeaderGroupContent {
+	margin: 10px 0px 0px 0px;
+	font: 12px arial, sans-serif;
+}
+
+.sapUiUx3TVFacetBar {
+	position: absolute;
+	left: 20px;
+	right: 20px;
+	top: 0px;
+	height: 38px;
+	padding: 10px 0px 0px 0px;
+}
+
+.sapUiUx3TVFacetContent {
+	position: absolute;
+	left: 0px;
+	right: 0px;
+	top: 40px;
+	bottom: 0px;
+	overflow-y: auto;
+	overflow-x: auto;
+}
+
+.sapUiUx3TVFacetItem {
+	display: inline-block;
+	padding: 5px;
+}
+
+.sapUiUx3TVFacetThingGroup {
+	width: 50%;
+	min-width: 400px;
+	display: inline-block;
+	vertical-align: top;
+}
+
+.sapUiUx3TVFacetThingGroupSpan {
+	width: 100%;
+	min-width: 600px;
+	display: block;
+	vertical-align: top;
+}
+
+.sapUiUx3TVFacetThingGroupContent {
+	margin: 5px 20px 0px 20px;
+}
+
+.sapUiUx3TVFacetThingGroupContentTitle {
+	margin: 10px 20px 0px 20px;
+	font-weight: bold;
+	font-size: 14px;
+	color: @sapUiBaseText;
+	padding-bottom: 8px;
+	text-transform: uppercase;
+	border-bottom: 2px solid @sapUiMediumBorder;
+	text-overflow:ellipsis;
+	white-space:nowrap;
+	overflow:hidden;
+}
+
+.sapUiUx3TVFacetThingGroupContentTitle.HR {
+	margin-top: 8px;
+	padding: 0px;
+	height: 2px;
+}
+
+.sapUiUx3TVHeaderGroupScrollContainer {
+	overflow-y: auto;
+	position: absolute;
+	top: 40px;
+	bottom: 0px;
+	width: 270px;
+}
+
+.sapUiUx3TVHeaderGroupScrollContainer.sapUiUx3TVhorizontal {
+	overflow-x: auto;
+	overflow-y: hidden;
+	top: 0px;
+	left: 270px;
+	right: 0px;
+	height: 155px;
+	width: auto;
+}
+
+.sapUiUx3TV.sapUiUx3TVNoFrame {
+	box-shadow: none;
+}
+
+.sapUiUx3TV.sapUiUx3TVNoFrame > .sapUiUx3TVContent {
+	left: 0;
+	right: 0;
+	bottom: 0;
+	top: 0;
+	background-color: @sapUiWhiteBG;
+}
+
+.sapUiUx3TV.sapUiUx3TVNoFrame > .sapUiUx3OverlayOpenButton,
+.sapUiUx3TV.sapUiUx3TVNoFrame > .sapUiUx3OverlayCloseButton {
+	display: none;
+}

package/src/sap/ui/ux3/themes/sap_belize_base/ToolPopup.less

@@ -0,0 +1,118 @@
+/* ============================================ */
+/* CSS for control sap.ui.ux3/ToolPopup.control */
+/* Base                                         */
+/* ============================================ */
+
+.sapUiUx3TP {
+	padding: 10px 22px;
+	min-width: 50px;
+	min-height: 20px;
+	color: @sapUiBaseText;
+	background-color: @sapUiExtraLightBG;
+	border: 1px solid @sapUiMediumBorder;
+	font-family: @sapUiFontFamily;
+	font-size: @sapUiFontSize;
+	outline: none;
+}
+.sapUiUx3TP.sapUiTPInverted {
+	color : @sapUiTextInverted;
+}
+
+.sapUiUx3TPTitle {
+	margin: 0;
+	font-size: 16px;
+	font-weight: bold;
+}
+
+.sapUiUx3TPTitleSep {
+	height: 2px;
+	margin: 6px 0;
+	background-color: @sapUiLightLine;
+}
+
+.sapUiUx3TPButtonsSep {
+	height: 2px;
+	margin: 6px 0;
+	background-color: @sapUiLightLine;
+}
+
+.sapUiUxTPFocus {
+	outline : none;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 1px;
+	height: 1px;
+}
+
+.sapUiUx3TPArrow {
+	position: absolute;
+	width: @sapUiUx3ToolPopupArrowWidth;
+	height: @sapUiUx3ToolPopupArrowHeight;
+	left: -@sapUiUx3ToolPopupArrowWidth;
+}
+
+.sapUiUx3TPArrowRight {
+	right: -@sapUiUx3ToolPopupArrowWidth;
+}
+
+.sapUiUx3TPArrowUp {
+	left: 10px;
+	top: -@sapUiUx3ToolPopupArrowWidth;
+	width: @sapUiUx3ToolPopupArrowHeight;
+	height: @sapUiUx3ToolPopupArrowWidth;
+}
+
+.sapUiUx3TPArrowDown {
+	left: 10px;
+	bottom: -@sapUiUx3ToolPopupArrowWidth;
+	width: @sapUiUx3ToolPopupArrowHeight;
+	height: @sapUiUx3ToolPopupArrowWidth;
+}
+
+.sapUiUx3TPBtnRow {
+	text-align: right;
+}
+
+html[dir=rtl] .sapUiUx3TPBtnRow {
+	text-align: left;
+}
+
+.sapUiUx3TPBtnRow > .sapUiUx3TPBtn {
+	margin-left: 5px;
+}
+
+.sapUiUx3TP.sapUiUx3TPLargeContent {
+	bottom: @sapUiUx3TPPaddingBottom;
+}
+
+.sapUiUx3TPContent.sapUiUx3TPLargeContent {
+	bottom: 0px;
+	overflow-y: scroll;
+	height: 100%;
+}
+
+/* Control Adaptations */
+.sapUiUx3TP .sapUiMlt {
+	color: @sapUiBaseText;
+}
+
+.sapUiUx3TP .sapUiMlt .sapUiTPInverted {
+	color : @sapUiTextInverted;
+}
+
+/* But do not adapt inside children with a special CSS class "sapUiUx3TPResetColors".
+   This class is used to allow controls with regular design inside a ToolPopup. */
+.sapUiUx3TP .sapUiUx3TPResetColors {
+	color: @sapUiBaseText;
+	background-color: @sapUiExtraLightBG;
+}
+
+.sapUiUx3TP .sapUiUx3TPResetColors .sapUiLbl,
+.sapUiUx3TP .sapUiUx3TPResetColors .sapUiMlt {
+	color: @sapUiBaseText;
+}
+
+.sapUiUx3TPButtonRowHidden{
+	display: none;
+}

package/src/sap/ui/ux3/themes/sap_belize_base/library.source.less

@@ -0,0 +1,35 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+@import "../../../../../sap/ui/core/themes/base/base.less";
+@import "../../../../../sap/ui/core/themes/base/global.less";
+@import "shared.less";
+
+@import "ActionBar.less";
+@import "CollectionInspector.less";
+@import "DataSet.less";
+@import "DataSetSimpleView.less";
+@import "Exact.less";
+@import "ExactArea.less";
+@import "ExactBrowser.less";
+@import "ExactList.less";
+@import "FacetFilter.less";
+@import "FacetFilterList.less";
+@import "Feed.less";
+@import "FeedChunk.less";
+@import "Feeder.less";
+@import "NavigationBar.less";
+@import "NotificationBar.less";
+@import "Overlay.less";
+@import "OverlayContainer.less";
+@import "OverlayDialog.less";
+@import "QuickView.less";
+@import "Shell.less";
+@import "ShellColorPicker.less";
+@import "ShellPersonalization.less";
+@import "ThingInspector.less";
+@import "ThingViewer.less";
+@import "ToolPopup.less";

package/src/sap/ui/ux3/themes/sap_belize_base/shared.less

@@ -0,0 +1 @@
+/* This CSS shares it rules with all other CSS of this library */

package/src/sap/ui/ux3/themes/sap_belize_hcb/library.source.less

@@ -4,7 +4,16 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-@import "../base/library.source.less";
+/* ============================================================================ */
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the  */
+/* inheritance of the base theme is now updated to an inheritance of a static   */
+/* copy of the base theme named sap_belize_base. The respective                 */
+/* control css files of base are copied to the sap_belize_base theme folder.    */
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.   */
+/* ============================================================================ */
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcb/base.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcb/global.less";
 @import "shared.less";