@openui5/themelib_sap_belize 1.124.0 → 1.125.0

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

@@ -0,0 +1,321 @@
+/* ======================================= */
+/* CSS for control sap.m/StandardListItem  */
+/* Base theme                              */
+/* ======================================= */
+
+.sapMSLI {
+	height: 3rem;
+}
+
+.sapMSLI.sapMSLIThumbnail,
+.sapMSLI.sapMSLINoIconInset,
+.sapMSLI.sapMSLIWithDescription,
+.sapMSLI.sapMSLINoTitleAdapt {
+	height: 5rem;
+}
+
+.sapMSLI > .sapMLIBContent {
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	display: flex;
+	align-items: center;
+}
+
+.sapMSLIDescriptionAndInfo {
+	display: flex;
+	overflow: hidden;
+}
+
+.sapMSLIDiv {
+	display: flex;
+	flex: auto;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv {
+	flex-direction: column;
+}
+
+.sapMSLINoTitleAdapt:not(.sapMSLIWithDescription) .sapMSLIDiv {
+	height: 2.5625rem;
+}
+
+.sapMSLITitle,
+.sapMSLITitleOnly,
+.sapMSLIDescription,
+.sapMSLIDescriptionText {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	flex: 1 1 auto;
+}
+
+.sapMSLIThumbnail:not(.sapMSLIWrapping) > .sapMLIBContent > .sapMSLIDiv,
+.sapMSLIDescriptionText {
+	padding-bottom: 0.125rem;
+}
+
+.sapMSLITitle,
+.sapMSLITitleOnly {
+	font-size: @sapMFontLargeSize;
+	color: @sapUiListTextColor;
+}
+
+.sapMSLIDescription,
+.sapMSLIDescriptionText {
+	font-size: @sapMFontMediumSize;
+	color: @sapUiContentLabelColor;
+}
+
+.sapMSLIWithDescription .sapMSLIDescription {
+	padding-top: 0.5rem;
+}
+
+.sapMSLIImgIcon,
+.sapMSLIImg,
+.sapMSLIImgNoInsetIcon,
+.sapMSLIImgNoInset {
+	width: 3rem;
+	height: 3rem;
+	line-height: 3rem;
+	flex: none;
+}
+
+.sapMSLIImgIcon,
+.sapMSLIImgNoInsetIcon {
+	font-family: "SAP-icons";
+	font-size: 1.375rem;
+	color: @sapUiContentNonInteractiveIconColor;
+}
+
+.sapMSLIImgNoInsetIcon,
+.sapMSLIImgNoInset,
+.sapMSLIImg {
+	font-size: 2.5rem;
+	margin-right: 0.75rem;
+}
+
+.sapMLIBActive .sapMSLIImgNoInsetIcon,
+.sapMLIBActive .sapMSLIImgIcon,
+.sapMLIBActive .sapMSLIExpandCollapse {
+	color: @sapUiListActiveTextColor;
+	text-shadow: none;
+}
+
+.sapMLIBActive .sapMSLIInfo:not(.sapMSLIInfoStateInverted) {
+	text-shadow: none;
+}
+
+.sapMSLIDiv.sapMSLIInfoMiddle {
+	flex-direction: row;
+}
+
+.sapMSLIInfo {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	text-align: right;
+	margin: 0 0 0 1rem;
+	font-size: @sapMFontMediumSize;
+	min-width: 2rem;
+}
+
+.sapMSLIWrapping .sapMSLIInfo {
+	white-space: normal;
+	word-break: break-word;
+}
+
+.sapMSLIInfo:not(.sapMSLIInfoStateInverted) {
+	text-shadow: @sapUiContentTextShadow;
+}
+
+.sapMSLIInfoMiddle > .sapMSLIInfo {
+	padding: 0;
+}
+
+/* The info is aligned right and therefore in RTL mode should be aligned on the left */
+html[dir=rtl] .sapMSLIInfo {
+	text-align: left;
+}
+
+.sapMSLIInfoNone {
+	color: @sapUiContentLabelColor;
+}
+
+.sapMSLIInfoError {
+	color: @sapUiNegativeText;
+}
+
+.sapMSLIInfoWarning {
+	color: @sapUiCriticalText;
+}
+
+.sapMSLIInfoSuccess {
+	color: @sapUiPositiveText;
+}
+
+.sapMSLIInfoInformation {
+	color: @sapUiInformativeText;
+}
+
+/* inverted info text */
+.sapMSLIInfoStateInverted {
+	font-size: @sapMFontSmallSize;
+	font-weight: bold;
+	color: @sapUiContentContrastTextColor;
+	border-radius: 0.25rem;
+	box-sizing: border-box;
+	height: 0.875rem;
+	line-height: calc(@sapMFontSmallSize - 0.0625rem);
+}
+
+.sapMSLIInfo.sapMSLIInfoStateInverted {
+	padding: 0.0625rem 0.25rem;
+	text-align: center;
+	text-shadow: @sapContent_ContrastTextShadow;
+}
+
+.sapMSLIInfoStateInverted.sapMSLIInfoNone {
+	background: @sapUiNeutralElement;
+}
+
+.sapMSLIInfoStateInverted.sapMSLIInfoError {
+	background: @sapUiNegativeElement;
+}
+
+.sapMSLIInfoStateInverted.sapMSLIInfoWarning {
+	background: @sapUiCriticalElement;
+}
+
+.sapMSLIInfoStateInverted.sapMSLIInfoSuccess {
+	background: @sapUiPositiveElement;
+}
+
+.sapMSLIInfoStateInverted.sapMSLIInfoInformation {
+	background: @sapUiInformativeElement;
+}
+
+/* Wrapping */
+.sapMSLI.sapMSLIWrapping {
+	height: auto;
+	min-height: 3rem;
+}
+
+.sapMSLIWithDescription.sapMSLIWrapping,
+.sapMSLINoIconInset.sapMSLIWrapping,
+.sapMSLINoTitleAdapt.sapMSLIWrapping {
+	min-height: 5rem;
+}
+
+.sapMSLIWrapping .sapMSLITitle,
+.sapMSLIWrapping .sapMSLITitleOnly,
+.sapMSLIWrapping .sapMSLIDescription,
+.sapMSLIWrapping .sapMSLIDescriptionText {
+	white-space: normal;
+	word-wrap: break-word;
+}
+
+.sapMSLINoTitleAdapt > .sapMLIBSelectS,
+.sapMSLINoTitleAdapt > .sapMLIBSelectM,
+.sapMSLIWithDescription > .sapMLIBSelectS,
+.sapMSLIWithDescription > .sapMLIBSelectM,
+.sapMSLIWrapping > .sapMLIBSelectS,
+.sapMSLIWrapping > .sapMLIBSelectM,
+.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImgIcon,
+.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImg,
+.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImgNoInsetIcon,
+.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImgNoInset {
+	align-self: flex-start;
+	margin-top: 0.275rem;
+}
+
+.sapMSLIWrapping.sapMSLINoIconInset > .sapMLIBContent > .sapMSLIImgNoInsetIcon,
+.sapMSLIWrapping.sapMSLINoIconInset > .sapMLIBContent > .sapMSLIImgNoInset,
+.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImg {
+	margin-top: 0.725rem;
+}
+
+.sapMSLIWrapping > .sapMLIBContent > .sapMSLIDiv {
+	padding: 1rem 0;
+}
+
+.sapMSLINoTitleAdapt.sapMSLIWrapping > .sapMLIBContent > .sapMSLIDiv > .sapMSLITitleOnly {
+	padding: 0
+}
+
+.sapMSLIWrapping .sapMSLITitleOnly > .sapMSLIInfo,
+.sapMSLIWrapping .sapMSLIDescriptionText > .sapMSLIInfo {
+	float: right;
+}
+
+.sapMSLIExpandCollapse {
+	color: @sapUiLink;
+	cursor: pointer;
+	padding: 0 1px;
+}
+
+.sapMSLIExpandCollapse:hover {
+	color: @sapUiLinkHover;
+	text-decoration: underline;
+}
+
+.sapMSLIExpandCollapse:focus {
+	outline: @_sap_m_ListItemBase_Focus_Outline;
+}
+
+.sapMSLIImgIcon {
+	margin-inline-start: -0.75rem;
+}
+
+.sapMSLIAvatar {
+	margin: 0.25rem;
+	margin-right: 0.75rem;
+}
+
+/* Compact size */
+.sapUiSizeCompact .sapMSLI {
+	height: 2rem;
+}
+
+.sapUiSizeCompact .sapMSLI.sapMSLIThumbnail,
+.sapUiSizeCompact .sapMSLI.sapMSLINoIconInset,
+.sapUiSizeCompact .sapMSLI.sapMSLIWithDescription,
+.sapUiSizeCompact .sapMSLI.sapMSLINoTitleAdapt {
+	height: 5rem;
+}
+
+.sapUiSizeCompact .sapMSLI.sapMSLIWrapping {
+	height: auto;
+	min-height: 2rem;
+}
+
+.sapUiSizeCompact .sapMSLI.sapMSLIWithDescription.sapMSLIWrapping,
+.sapUiSizeCompact .sapMSLI.sapMSLINoIconInset.sapMSLIWrapping,
+.sapUiSizeCompact .sapMSLI.sapMSLINoTitleAdapt.sapMSLIWrapping {
+	min-height: 5rem;
+}
+
+.sapUiSizeCompact .sapMSLIThumbnail:not(.sapMSLIWrapping) > .sapMLIBContent > .sapMSLIDiv {
+	padding: 0.25rem 0;
+}
+
+.sapUiSizeCompact .sapMSLITitle,
+.sapUiSizeCompact .sapMSLITitleOnly {
+	font-size: @sapMFontMediumSize;
+}
+
+.sapUiSizeCompact .sapMSLIImgIcon {
+	height: 2rem;
+	line-height: 2rem;
+	font-size: 1rem;
+}
+
+.sapUiSizeCompact .sapMSLI.sapMSLIWrapping > .sapMLIBSelectS,
+.sapUiSizeCompact .sapMSLI.sapMSLIWrapping > .sapMLIBSelectM,
+.sapUiSizeCompact .sapMSLI.sapMSLIWithDescription > .sapMLIBSelectS,
+.sapUiSizeCompact .sapMSLI.sapMSLIWithDescription > .sapMLIBSelectM,
+.sapUiSizeCompact .sapMSLI.sapMSLIWrapping > .sapMLIBContent > .sapMSLIImgIcon {
+	margin-top: 0.725rem;
+}

package/src/sap/m/themes/sap_belize_base/StandardTile.less

@@ -0,0 +1,211 @@
+/* =================================== */
+/* CSS for control sap.m/StandardTile  */
+/* Base theme                          */
+/* =================================== */
+
+.sapMStdTileTopRow {
+	height: 4rem;
+	padding: 1rem 1rem 0 1rem;
+	margin-bottom: 1rem;
+}
+
+.sapMStdTileIconDiv {
+	display: inline-block;
+	float: left;
+}
+
+.sapMStdTileNumDiv {
+	display: inline-block;
+	float: right;
+	width: 7.5rem;
+	height: 4rem;
+}
+
+.sapMStdTileNum,
+.sapMStdTileNumM,
+.sapMStdTileNumS {
+	white-space: nowrap;
+	overflow: hidden;
+	text-align: right;
+	line-height: 1em;
+	font-family: @sapUiFontCondensedFamily;
+	font-stretch: condensed; /* for Firefox */
+	color: @sapUiContentLabelColor;
+}
+
+.sapMStdTileNum {
+	font-size: 3rem;
+	margin-top: -.437rem;
+}
+
+.sapMStdTileNumM {
+	font-size: 2.25rem;
+	margin-top: -.25rem;
+}
+
+.sapMStdTileNumS {
+	font-size: 1.5rem;
+	margin-top: -.125rem;
+}
+
+.sapMStdTileNumUnit {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	text-align: right;
+	text-transform: uppercase;
+	font-size: 0.875rem;
+}
+
+.sapMStdTileTitle {
+	line-height: 1.4rem;
+	vertical-align: top;
+	text-align: left;
+	font-size: 1rem;
+	height: 4rem;
+	width: 100%;
+	overflow: hidden;
+	word-break: break-word;
+}
+
+html[dir=rtl] .sapMStdTileTitle{
+	text-align: right;
+}
+
+.sapMStdTileInfo {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	text-align: right;
+	font-size: 0.875rem;
+	margin-top: 2rem;
+}
+
+html[dir=rtl] .sapMStdTileNum,
+html[dir=rtl] .sapMStdTileNumM,
+html[dir=rtl] .sapMStdTileNumS,
+html[dir=rtl] .sapMStdTileNumUnit,
+html[dir=rtl] .sapMStdTileInfo{
+	text-align: left;
+}
+
+.sapMStdTileBottomRow {
+	height: 7rem;
+	padding: 0 1rem 1rem 1rem;
+}
+
+.sapMStdTileMonitorType {
+	margin-top: -2rem;
+	padding-top: 2rem;
+	background-color: @sapUiTileBackground;
+}
+
+.sapMStdTileBottomRow .sapMStdTileMonitorType {
+	height: 10rem;
+}
+
+html.sap-phone .sapMStdTileTopRow {
+	height: 3rem;
+	margin-bottom: 0;
+}
+
+html.sap-phone .sapMStdTileNumDiv {
+	width: 5rem;
+	height: 3rem;
+}
+
+html.sap-phone .sapMStdTileNumUnit {
+	font-size: 0.75rem;
+}
+
+html.sap-phone .sapMStdTileBottomRow {
+	height: 5rem;
+}
+
+html.sap-phone .sapMStdTileMonitorType {
+	margin-top: -1rem;
+	padding-top: 1rem;
+}
+
+html.sap-phone .sapMStdTileTitle {
+	line-height: 1.2rem;
+	font-size: .875rem;
+	height: 4rem;
+	margin-bottom: 0;
+}
+
+html.sap-phone .sapMStdTileInfo {
+	height: 1rem;
+	font-size: 0.75rem;
+	width: 100%;
+	margin-top: 0;
+}
+
+html.sap-phone .sapMStdTileNum {
+	font-size: 2.375rem;
+}
+
+html.sap-phone .sapMStdTileNumM {
+	font-size: 1.5rem;
+}
+
+html.sap-phone .sapMStdTileNumS {
+	font-size:  1rem;
+}
+
+.sapMStdTileIconDiv,
+.sapMStdTileTitle {
+	color: @sapUiTileTitleTextColor;
+}
+
+.sapMStdIconMonitor {
+	color: @sapUiContentNonInteractiveIconColor;
+}
+
+.sapMStdIconCreate {
+	color: @sapUiContentNonInteractiveIconColor;
+}
+
+.sapMStdTileNumUnit {
+	color: @sapUiContentLabelColor;
+	text-transform: uppercase;
+}
+
+.sapMStdTileInfo {
+	color: @sapUiContentLabelColor;
+}
+
+.sapMStdTileInfoError {
+	color: @sapUiNegativeText;
+}
+
+.sapMStdTileInfoWarning {
+	color: @sapUiCriticalText;
+}
+
+.sapMStdTileInfoSuccess {
+	color: @sapUiPositiveText;
+}
+
+.sapMTileActive-CTX .sapMStdIconCreate {
+	opacity: 1;
+}
+
+.sapMTileActive-CTX .sapMStdTileInfoWarning,
+.sapMTileActive-CTX .sapMStdTileInfoSuccess,
+.sapMTileActive-CTX .sapMStdTileInfoError,
+.sapMTileActive-CTX .sapMStdTileTitle,
+.sapMTileActive-CTX .sapMStdTileNumUnit,
+.sapMTileActive-CTX .sapMStdTileNum,
+.sapMTileActive-CTX .sapMStdTileNumM,
+.sapMTileActive-CTX .sapMStdTileNumS,
+.sapMTileActive-CTX .sapMStdTileInfo,
+.sapMTileActive-CTX .sapMStdTileMonitorType {
+	color: @sapUiContentContrastTextColor;
+}
+
+.sapMTileActive-CTX .sapMStdTileIconDiv,
+.sapMTileActive-CTX .sapMStdIconMonitor,
+.sapMTileActive-CTX .sapMStdIconCreate {
+	color: @sapUiContentContrastIconColor;
+}

package/src/sap/m/themes/sap_belize_base/StandardTreeItem.less

@@ -0,0 +1,18 @@
+/* ======================================= */
+/* CSS for control sap.m/StandardTreeItem  */
+/* Base theme                              */
+/* ======================================= */
+
+.sapMSTIIcon {
+	margin: 0.5rem 0.75rem 0.5rem 0rem;
+	color: @sapUiContentNonInteractiveIconColor;
+	font-size: 1rem;
+	height: 1rem;
+	width: 1rem;
+	vertical-align: middle;
+	flex-shrink: 0;
+}
+
+.sapMSTI > .sapMLIBContent {
+	word-break: break-word;
+}

package/src/sap/m/themes/sap_belize_base/StepInput.less

@@ -0,0 +1,40 @@
+/* ================================ */
+/* CSS for control sap.m/StepInput  */
+/* Base theme                       */
+/* ================================ */
+
+.sapMStepInput {
+	display: inline-block;
+	width: 100%;
+	outline: none;
+}
+
+.sapMStepInput .sapUiIcon:focus {
+	outline: none;
+}
+
+.sapMStepInput {
+	.sapMStepInputIconDisabled {
+		opacity: 0.5;
+		pointer-events: none;
+	}
+
+	& > .sapMInputBase.sapMInputBaseHasBeginIcons > .sapMInputBaseContentWrapper {
+		padding-left: 0;
+	}
+
+	&:focus {
+		.sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMStepInputReadOnly) {
+			&::before {
+				content: "";
+				position: absolute;
+				top: 1px;
+				left: 1px;
+				right: 1px;
+				bottom: 1px;
+				border: 1px dotted @sapUiContentFocusColor;
+				pointer-events: none;
+			}
+		}
+	}
+}

package/src/sap/m/themes/sap_belize_base/SuggestionItem.less

@@ -0,0 +1,15 @@
+/* ===================================== */
+/* CSS for control sap.m/SuggestionItem  */
+/* Base theme                            */
+/* ===================================== */
+
+.sapMSuL.sapMSelectList {
+	.sapMSelectListItem {
+		display: block;
+	}
+}
+
+.sapMSuggestionItemIcon {
+	margin-right: 0.5rem;
+	margin-left: -0.5rem;
+}