@openui5/themelib_sap_belize 1.124.1 → 1.125.0

package/src/sap/ui/unified/themes/sap_belize_base/ContentSwitcher.less

@@ -0,0 +1,219 @@
+/* =============================================== */
+/* CSS for control sap.ui.unified/ContentSwitcher  */
+/* Base theme                                      */
+/* =============================================== */
+
+.sapUiUfdCSwitcher {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+
+.sapUiUfdCSwitcher > section {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+
+/* Unanimated */
+
+.sapUiUfdCSwitcherContent {
+	display: none;
+	left: 0%;
+	top: 0%;
+	width: 100%;
+	height: 100%;
+}
+
+.sapUiUfdCSwitcherVisible {
+	display: block;
+}
+
+
+/* Fade animation */
+
+.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationFade > section {
+	display: block;
+	opacity: 0;
+	left: 0%;
+	top: 0%;
+	width: 100%;
+	height: 100%;
+	transition: opacity 500ms ease 0s;
+}
+
+.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationFade .sapUiUfdCSwitcherVisible {
+	display: block;
+	opacity: 1;
+	z-index: 1;
+}
+
+
+/* Slide over Left animation  */
+
+.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationSlideOver > section {
+	display: block;
+	left: -100%;
+	top: 0%;
+	width: 100%;
+	height: 100%;
+	transition: left 500ms ease 0ms, right 500ms ease 0ms;
+}
+
+.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationSlideOver .sapUiUfdCSwitcherVisible {
+	display: block;
+	left: 0;
+}
+
+.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationSlideOver section.sapUiUfdCSwitcherContent1.visible {
+	transition: left 0ms ease 500ms, right 0ms ease 500ms;
+	left: 0;
+}
+
+
+/* Slide Right animation */
+
+.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationSlideRight > section {
+	display: block;
+	left: -100%;
+	z-index: 1;
+	transition: left 0ms ease 500ms, right 0ms ease 500ms;
+}
+
+.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationSlideRight .sapUiUfdCSwitcherVisible {
+	display: block;
+	left: 0;
+	z-index: 2;
+	transition: left 500ms ease 0ms, right 500ms ease 0ms;
+}
+
+
+/* Zoom Out animation */
+
+.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationZoomOut > section {
+	display: block;
+	left: 50%;
+	top: 50%;
+	width: 0%;
+	height: 0%;
+	z-index: 1;
+	opacity: 0;
+	transition: 		left 500ms ease 0ms,
+						right 500ms ease 0ms,
+						top 500ms ease 0ms,
+						width 500ms ease 0ms,
+						height 500ms ease 0ms,
+						z-index 0ms ease 500ms,
+						opacity 500ms ease 0ms;
+}
+
+.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationZoomOut .sapUiUfdCSwitcherVisible {
+	display: block;
+	left: 0%;
+	top: 0%;
+	width: 100%;
+	height: 100%;
+	z-index: 2;
+	opacity: 1;
+	transition: 		left 0ms ease 0ms,
+						right 0ms ease 0ms,
+						top 0ms ease 0ms,
+						width 0ms ease 0ms,
+						height 0ms ease 0ms,
+						z-index 0ms ease 500ms;
+}
+
+
+/* Zoom Out animation */
+
+.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationZoomIn > section {
+	display: block;
+	left: 50%;
+	top: 50%;
+	width: 0%;
+	height: 0%;
+	z-index: 1;
+	opacity: 0;
+	transition: 		left 0ms ease 500ms,
+						right 0ms ease 500ms,
+						top 0ms ease 500ms,
+						width 0ms ease 500ms,
+						height 0ms ease 500ms,
+						opacity 0ms ease 500ms,
+						z-index 0ms ease 0ms;
+}
+
+.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationZoomIn .sapUiUfdCSwitcherVisible {
+	display: block;
+	left: 0%;
+	top: 0%;
+	width: 100%;
+	height: 100%;
+	z-index: 2;
+	opacity: 1;
+	transition: 		left 500ms ease 0ms,
+						right 500ms ease 0ms,
+						top 500ms ease 0ms,
+						width 500ms ease 0ms,
+						height 500ms ease 0ms,
+						opacity 500ms ease 0ms;
+}
+
+
+/* Rotate Animation */
+
+.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationRotate > section {
+	display: block;
+	left: 50%;
+	top: 50%;
+	width: 0%;
+	height: 0%;
+	z-index: 1;
+	opacity: 0;
+	transition: 		left 0ms linear 500ms,
+						right 0ms linear 500ms,
+						top 0ms linear 500ms,
+						width 0ms linear 500ms,
+						height 0ms linear 500ms,
+						opacity 0ms linear 500ms,
+						transform 0ms linear 500ms,
+						z-index 0ms linear 0ms;
+	-webkit-transition: left 0ms linear 500ms,
+						right 0ms linear 500ms,
+						top 0ms linear 500ms,
+						width 0ms linear 500ms,
+						height 0ms linear 500ms,
+						opacity 0ms linear 500ms,
+						-webkit-transform 0ms linear 500ms,
+						z-index 0ms linear 0ms;
+}
+
+.sapUiUfdCSwitcher.sapUiUfdCSwitcherAnimationRotate .sapUiUfdCSwitcherVisible {
+	display: block;
+	left: 0%;
+	top: 0%;
+	width: 100%;
+	height: 100%;
+	z-index: 2;
+	opacity: 1;
+	transform: rotate(360deg);
+	-webkit-transform: rotate(360deg);
+	transition: 		left 500ms linear 0ms,
+						right 500ms linear 0ms,
+						top 500ms linear 0ms,
+						width 500ms linear 0ms,
+						height 500ms linear 0ms,
+						opacity 500ms linear 0ms,
+						transform 500ms linear 0ms;
+	-webkit-transition: left 500ms linear 0ms,
+						right 500ms linear 0ms,
+						top 500ms linear 0ms,
+						width 500ms linear 0ms,
+						height 500ms linear 0ms,
+						opacity 500ms linear 0ms,
+						-webkit-transform 500ms linear 0ms;
+}

package/src/sap/ui/unified/themes/sap_belize_base/Currency.less

@@ -0,0 +1,49 @@
+/* ======================================== */
+/* CSS for control sap.ui.unified/Currency  */
+/* Base theme                               */
+/* ======================================== */
+
+.sapUiUfdCurrency {
+	display: inline-block;
+	width: 100%;
+	overflow: hidden;
+	font-size: @sapMFontMediumSize;
+	font-family: @sapUiFontFamily;
+	line-height: normal;
+}
+
+.sapUiUfdCurrencyAlign {
+	text-align: right;
+}
+
+.sapUiUfdCurrencyValue,
+.sapUiUfdCurrencyCurrency {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.sapUiUfdCurrencyValue {
+	text-align: right;
+	font-variant-numeric: tabular-nums;
+}
+
+.sapUiUfdCurrencyCurrency {
+	text-align: end;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	width: 3rem;
+	font-family: @sapUiContentMonospaceFontFamily;
+}
+
+.sapUiUfdCurrency .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
+	display: none;
+}
+
+.sapMShowEmpty-CTX .sapUiUfdCurrency .sapMEmptyIndicator.sapMEmptyIndicatorAuto {
+	display: inline-block;
+	text-align: end;
+}
+
+.sapUiTableDataCell .sapUiUfdCurrency {
+	vertical-align: middle;
+}

package/src/sap/ui/unified/themes/sap_belize_base/FileUploader.less

@@ -0,0 +1,210 @@
+/* ============================================ */
+/* CSS for control sap.ui.unified.FileUploader  */
+/* Base theme                                   */
+/* ============================================ */
+
+.sapUiFup {
+	position: relative;
+	display: inherit;
+	z-index: 0;
+
+	&.sapUiFupDisabled {
+		pointer-events: none;
+	}
+
+	.sapMBtn {
+		z-index: 1;
+	}
+
+	.sapUiLocalBusyIndicator {
+		z-index: 2;
+	}
+}
+
+.sapUiFupInp .sapUiFUM {
+	top: 2px;
+}
+
+.sapUiFupGroup {
+	display: table;
+}
+
+.sapUiFupGroup > div {
+	display: table-row;
+}
+
+.sapUiFupGroup > div > div {
+	display: table-cell;
+	vertical-align: top;
+}
+
+.sapUiFup > form {
+	display: inline-block;
+}
+
+.sapUiFup > form > div {
+	position: relative;
+	display: inline-block;
+}
+
+.sapUiFupInputMask {  /* the element masking the real (but hidden) file input, so the clickable area has exactly the same size as the visible control */
+	display: inline-block;
+	position: absolute;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	overflow: hidden;
+}
+
+.sapUiFup.sapUiFupDisabled .sapUiFupInputMask {
+	cursor: default;
+}
+
+.sapUiFup.sapMBarChild {
+	height: 3rem;
+}
+
+.sapUiSizeCompact {
+	.sapUiFup.sapMBarChild {
+		height: 2rem;
+	}
+	.sapUiFupInputMask {
+		height: 1.625rem;
+	}
+}
+
+.sapUiCFUM .sapUiFupInputMask,
+.sapUiSizeCompact .sapUiCFUM .sapUiFupInputMask {
+	height: 1.5rem;
+	margin-top: 0;
+}
+
+.sapUiFupInputMask > input { /* the real, but hidden file input */
+	position: absolute;
+	opacity: 0;
+	top: 0px;
+	bottom: 0px;
+	cursor: pointer;
+	left: -4em;       /* avoid the input field behind the file chooser */
+	font-size: 500px; /* to make the field high enough for most themes; for themes with very large fonts this needs to be increased further */
+	width: 5000px;
+}
+
+.sapUiFupInputMask > input[disabled],
+.sapUiFupInputMask > input:disabled {
+	cursor: default;
+}
+
+html[data-sap-ui-browser^="sf"] .sapUiFupInputMask > input, /* for Safari and Chrome the file input is not clickable with opacity "0" */
+html[data-sap-ui-browser^="cr"] .sapUiFupInputMask > input {
+	position: relative;
+	left: auto;
+	opacity: 0.01;
+}
+
+html[data-sap-ui-browser^="cr"] .sapUiFupInputMask > input {
+	float: right;
+}
+
+.sapUiFup:not(.sapUiFupButtonOnly) .sapUiFupGroup > div > div:last-child {
+	padding-left: 4px;
+}
+
+.sapUiFup .sapUiBtnS.sapUiBtnStdFocus:hover {
+	background-color: @sapUiButtonHoverBackground;
+}
+
+.sapUiFup .sapUiBtnS:active {
+	background-color: @sapUiButtonActiveBackground;
+}
+
+.sapUiFup .sapUiBtnS.sapUiBtnNorm:active {
+	border-color: @sapUiButtonActiveBorderColor;
+}
+
+.sapUiFup .sapMBtnHoverable:hover {
+	background-image: none;
+	background-color: @sapUiButtonHoverBackground;
+}
+
+.sapUiFup .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):hover {
+	background-color: @sapUiButtonAcceptHoverBackground;
+	border-color: @sapUiButtonAcceptHoverBorderColor;
+}
+
+.sapUiFup .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):active {
+	background-color: @sapUiButtonAcceptActiveBackground;
+	border-color: @sapUiButtonAcceptActiveBorderColor;
+}
+
+.sapUiFup .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):hover {
+	background-color: @sapUiButtonRejectHoverBackground;
+	border-color: @sapUiButtonRejectHoverBorderColor;
+}
+
+.sapUiFup .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):active {
+	background-color: @sapUiButtonRejectActiveBackground;
+	border-color: @sapUiButtonRejectActiveBorderColor;
+}
+
+.sapUiFup .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):hover {
+	background-color: @sapUiButtonEmphasizedHoverBackground;
+	border-color: @sapUiButtonEmphasizedHoverBorderColor;
+}
+
+.sapUiFup .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):active {
+	background-color: @sapUiButtonEmphasizedActiveBackground;
+	border-color: @sapUiButtonEmphasizedActiveBorderColor;
+	text-shadow: none;
+}
+
+.sapUiFup .sapMBtnTransparent:hover.sapMBtnHoverable {
+	background-color: @sapUiButtonLiteHoverBackground;
+	border-color: @sapUiButtonLiteHoverBorderColor;
+}
+
+.sapMFooter-CTX .sapUiFup,
+.sapMTB-Transparent-CTX .sapUiFup {
+	.sapMBtnHoverable:not(.sapMBtnActive):hover,
+	.sapMBtnInner:hover.sapMBtnHoverable:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnReject):not(.sapMBtnActive) {
+		background-color: @sapUiButtonFooterHoverBackground;
+	}
+}
+
+
+.sapMFooter-CTX .sapUiFup .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):hover {
+	background-color: @sapUiButtonAcceptHoverBackground;
+	border-color: @sapUiButtonAcceptHoverBorderColor;
+}
+
+.sapMFooter-CTX .sapUiFup .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):hover {
+	background-color: @sapUiButtonRejectHoverBackground;
+	border-color: @sapUiButtonRejectHoverBorderColor;
+}
+
+.sapMFooter-CTX .sapUiFup .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):hover {
+	background-color: @sapUiButtonEmphasizedHoverBackground;
+	border-color: @sapUiButtonEmphasizedHoverBorderColor;
+}
+
+.sapUiFup,
+.sapMTB-Transparent-CTX .sapUiFup {
+	.sapMBtnInner:active,
+	.sapMBtnTransparent.sapMBtnHoverable:active,
+	.sapMBtnInner:active.sapMBtnTransparent.sapMBtnHoverable:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnReject):not(.sapMBtnActive) {
+		background-image: none;
+		background-color: @sapUiButtonActiveBackground;
+		border-color: @sapUiButtonActiveBorderColor;
+		color: @sapUiButtonActiveTextColor;
+		text-shadow: none;
+	}
+}
+
+.sapUiFup {
+	.sapMBtnInner:active .sapMBtnIcon,
+	.sapUiFupGroup:active .sapMBtn > span.sapMBtnInner.sapMBtnAccept > .sapMBtnIcon,
+	.sapUiFupGroup:active .sapMBtn > span.sapMBtnInner.sapMBtnReject > .sapMBtnIcon {
+		color: @sapUiButtonActiveTextColor;
+	}
+}

package/src/sap/ui/unified/themes/sap_belize_base/IndexPicker.less

@@ -0,0 +1,36 @@
+.sapMIP {
+	margin: 0.5rem;
+
+	.sapMIPRow {
+		height: 2.5rem;
+		line-height: 2.5rem;
+
+		.sapMIPItem {
+			width: 4rem;
+			height: 2.5rem;
+			line-height: 2.5rem;
+		}
+	}
+
+	.sapUiCalHead {
+		padding-bottom: 0.5rem;
+	}
+}
+
+html.sap-desktop .sapMIP .sapUiCalItem:focus > .sapUiCalItemText,
+html.sap-desktop .sapMIP .sapUiCalItem:focus,
+html.sap-desktop .sapMIP .sapUiCalItemSel.sapUiCalItemSelBetween:focus {
+	outline: 0.0625rem dotted @sapUiContentFocusColor;
+	outline-offset: -0.25rem;
+}
+
+html.sap-desktop .sapMIP .sapUiCalItemSel:focus{
+	outline-color: @sapUiContentContrastFocusColor;
+	background-color: @sapUiContentSelectedBackground;
+}
+
+html.sap-desktop .sapMIP .sapUiCalItemSel:active{
+	outline-color: @sapUiContentContrastFocusColor;
+	background-color: @sapUiContentSelectedBackground;
+	color: @sapUiContentContrastTextColor;
+}