@openui5/sap.ui.ux3 1.124.2 → 1.126.0

package/src/sap/ui/ux3/themes/sap_hcb/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_hcb/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_hcb/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_hcb/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_hcb/library.source.less

@@ -4,7 +4,44 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-@import "../base/library.source.less";
+/* ============================================================================== */
+/* Due to deprecation of sap_hcb with SAPUI5 version 1.46 the library.source.less */
+/* file of base is resolved: Imports to base.less and global.less of              */
+/* base are added to this library.source.less file (sap_hcb) and the              */
+/* respective control css files of base are added to the sap_hcb theme folder.    */
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.126.     */
+/* ============================================================================== */
+
+@import "../../../core/themes/base/base.less";
+@import "../../../core/themes/base/global.less";
+
+@import "base_shared.less";
+@import "base_ActionBar.less";
+@import "base_CollectionInspector.less";
+@import "base_DataSet.less";
+@import "base_DataSetSimpleView.less";
+@import "base_Exact.less";
+@import "base_ExactArea.less";
+@import "base_ExactBrowser.less";
+@import "base_ExactList.less";
+@import "base_FacetFilter.less";
+@import "base_FacetFilterList.less";
+@import "base_Feed.less";
+@import "base_FeedChunk.less";
+@import "base_Feeder.less";
+@import "base_NavigationBar.less";
+@import "base_NotificationBar.less";
+@import "base_Overlay.less";
+@import "base_OverlayContainer.less";
+@import "base_OverlayDialog.less";
+@import "base_QuickView.less";
+@import "base_Shell.less";
+@import "base_ShellColorPicker.less";
+@import "base_ShellPersonalization.less";
+@import "base_ThingInspector.less";
+@import "base_ThingViewer.less";
+@import "base_ToolPopup.less";
+
 @import "../../../../../sap/ui/core/themes/sap_hcb/global.less";
 @import "shared.less";