@openui5/sap.ui.unified 1.144.0 → 1.145.1

package/src/sap/ui/unified/messagebundle_zh_TW.properties

@@ -39,8 +39,24 @@ CALENDAR_CANCEL=\u53D6\u6D88
 
 CALENDAR_BTN_PREV=\u4E0A\u4E00\u6B65
 
+CALENDAR_BTN_PREV_MONTH_TITLE=\u4E0A\u500B\u6708
+
+CALENDAR_BTN_PREV_YEAR_TITLE=\u4E0A\u5E74\u5EA6
+
+CALENDAR_BTN_PREV_YEAR_RANGE_TITLE=\u4E0A\u5E74\u5EA6\u7BC4\u570D
+
+CALENDAR_BTN_PREV_MONTH_SHORTCUT=\u4E0A\u4E00\u9801
+
 CALENDAR_BTN_NEXT=\u4E0B\u4E00\u6B65
 
+CALENDAR_BTN_NEXT_MONTH_TITLE=\u4E0B\u500B\u6708
+
+CALENDAR_BTN_NEXT_YEAR_TITLE=\u4E0B\u5E74\u5EA6
+
+CALENDAR_BTN_NEXT_YEAR_RANGE_TITLE=\u4E0B\u5E74\u5EA6\u7BC4\u570D
+
+CALENDAR_BTN_NEXT_MONTH_SHORTCUT=\u4E0B\u4E00\u9801
+
 CALENDAR_BTN_TODAY=\u4ECA\u5929
 
 CALENDAR_DATES_ROW_WEEK_NUMBER=\u7B2C {0} \u9031
@@ -75,21 +91,43 @@ CALENDAR_HEADER_YEAR_BUTTON_SHORTCUT=Shift + F4
 
 CALENDAR_HEADER_YEAR_RANGE_BUTTON_SHORTCUT=Shift + F4
 
+CALENDAR_RANGE_SELECTION_START_DATE={0}\uFF0C\u7BC4\u570D\u7684\u7B2C\u4E00\u5929
+
+CALENDAR_RANGE_SELECTION_END_DATE={0}\uFF0C\u7BC4\u570D\u7684\u6700\u5F8C\u4E00\u5929
+
+CALENDAR_RANGE_SELECTION_PART_OF_RANGE={0}\uFF0C\u90E8\u4EFD\u7BC4\u570D
+
 APPOINTMENT=\u7D04\u6703
 
 APPOINTMENT_TENTATIVE=\u66AB\u6642
 
 APPOINTMENT_DATE_TIME_DESCRIPTION={0}''\uFF0C\u6642\u9593 ''{1}
 
-FILEUPLOAD_BROWSE=\u700F\u89BD...
+FILEUPLOADER_BUTTON_TEXT=\u700F\u89BD...
+
+FILEUPLOADER_ACC_TEXT=\u555F\u7528\u4EE5\u9078\u64C7\u6A94\u6848
+
+FILEUPLOADER_REQUIRED=\u9700\u8981
+
+FILEUPLOADER_ROLE_DESCRIPTION=\u6A94\u6848\u4E0A\u50B3\u7A0B\u5F0F
+
+FILEUPLOADER_DEFAULT_PLACEHOLDER=\u700F\u89BD\u6216\u653E\u7F6E\u6A94\u6848
 
-FILEUPLOAD_ACC=\u555F\u7528\u4EE5\u9078\u64C7\u6A94\u6848
+FILEUPLOADER_DEFAULT_MULTIPLE_PLACEHOLDER=\u700F\u89BD\u6216\u653E\u7F6E\u591A\u500B\u6A94\u6848
 
-FILEUPLOAD_FILENAME=\u6A94\u6848\u540D\u7A31
+FILEUPLOADER_VALUE_HELP_TOOLTIP=\u700F\u89BD\u548C\u53D6\u4EE3\u6240\u6709\u6A94\u6848
 
-FILEUPLOAD_REQUIRED=\u5FC5\u8981
+FILEUPLOADER_CLEAR_ICON_TOOLTIP=\u79FB\u9664\u6240\u6709\u6A94\u6848
 
-FILEUPLOAD_NO_FILE_CHOSEN=\u672A\u9078\u64C7\u6A94\u6848
+FILEUPLOADER_NO_FILE_CHOSEN=\u672A\u9078\u64C7\u6A94\u6848
+
+FILEUPLOADER_VALUE_STATE_ERROR=\u503C\u72C0\u614B - \u932F\u8AA4
+
+FILEUPLOADER_VALUE_STATE_WARNING=\u503C\u72C0\u614B - \u8B66\u544A
+
+FILEUPLOADER_VALUE_STATE_SUCCESS=\u503C\u72C0\u614B - \u6210\u529F
+
+FILEUPLOADER_VALUE_STATE_INFORMATION=\u503C\u72C0\u614B\u8CC7\u8A0A
 
 LEGEND_SELECTED=\u5DF2\u9078\u64C7
 
@@ -148,4 +186,6 @@ COLOR_PICKER_SUBMIT=\u78BA\u5B9A
 
 COLOR_PICKER_TITLE=\u8272\u5F69\u9078\u64C7\u5668
 
-COLORPICKER_PERCENTAGE=\u767E\u5206\u6BD4
+COLORPICKER_PERCENTAGE=%
+
+COLORPICKER_COLOR_MODE_CHANGED=\u8272\u5F69\u6A21\u5F0F\u5DF2\u66F4\u6539\u70BA {0}\uFF0C\u76EE\u524D\u503C\uFF1A{1}\u3002

package/src/sap/ui/unified/themes/base/Calendar.less

@@ -90,17 +90,16 @@
 }
 
 .sapUiCalHead {
-
 	.sapUiCalHeadPrev,
 	.sapUiCalHeadNext,
 	.sapUiCalHeadToday {
+		position: absolute;
+		line-height: 1;
+		width: 2.5rem;
 
 		&:not(.sapUiCalDsbl) .sapUiIcon {
 			cursor: pointer;
 		}
-
-		position: absolute;
-		width: 2.5rem;
 	}
 
 	.sapUiCalHeadNext {
@@ -109,21 +108,36 @@
 }
 
 .sapUiCalHead.sapUiCalHeaderWithTodayButton {
-
 	.sapUiCalHeadPrev,
-	.sapUiCalHeadNext,
-	.sapUiCalHeadToday {
+	.sapUiCalHeadNext {
 		position: initial;
 		width: 2rem;
 	}
+
+	.sapUiCalHeadToday {
+		position: relative;
+		width: 2rem;
+	}
+
+	.sapUiCalHeadB1 {
+		margin-left: 0.5rem;
+	}
+
+	.sapUiCalHeadB2 {
+		margin-left: 0.25rem;
+	}
+
+	.sapUiCalHeadNext,
+	.sapUiCalHeadToday {
+		margin-left: 0.5rem;
+	}
 }
 
 .sapUiSizeCompact .sapUiCalHead {
-
 	.sapUiCalHeadPrev,
 	.sapUiCalHeadNext,
 	.sapUiCalHeadToday {
-		width: 2rem;
+		width: 1.5rem;
 	}
 
 	.sapUiCalHeadNext {
@@ -131,12 +145,34 @@
 	}
 }
 
-.sapUiSizeCompact .sapUiCalHead.sapUiCalHeaderWithTodayButton {
+.sapUiCal.sapUiCalMulti .sapUiCalHead.sapUiCalHeaderWithTodayButton {
+	.sapUiCalHeadB1 {
+		margin-left: calc(~"50% - 11rem");
+		margin-right: 0;
+	}
 
-	.sapUiCalHeadPrev,
-	.sapUiCalHeadNext,
-	.sapUiCalHeadToday {
-		width: 1.5rem;
+	.sapUiCalHeadB2 {
+		margin-right: calc(~"50% - 13.75rem");
+	}
+}
+
+
+.sapUiSizeCompact {
+	.sapUiCal.sapUiCalMulti .sapUiCalHead.sapUiCalHeaderWithTodayButton {
+		.sapUiCalHeadPrev,
+		.sapUiCalHeadNext,
+		.sapUiCalHeadToday {
+			width: 1.5rem;
+		}
+
+		.sapUiCalHeadB1 {
+			margin-left: calc(~"50% - 8rem");
+			margin-right: 0;
+		}
+
+		.sapUiCalHeadB2 {
+			margin-right: calc(~"50% - 10.75rem");
+		}
 	}
 }
 
@@ -149,6 +185,16 @@
 	justify-content: space-evenly;
 }
 
+.sapUiSizeCompact .sapUiCal .sapUiCalHead {
+	.sapUiCalHeadB1 {
+		margin-right: 0.25rem;
+	}
+
+	.sapUiCalHeadB2 {
+		margin-left: 0.25rem;
+	}
+}
+
 /* no default (browser) outline, if device needs focus visualization its defined later */
 .sapUiCalHead > button:focus,
 .sapUiCalCancel:focus {
@@ -209,8 +255,15 @@ html.sap-desktop .sapUiCalHead > button.sapUiCalDsbl:focus,
 .sapUiCalYearPicker {
 	width: auto; /* +1rem padding left and right = 320 px*/
 	display: flex;
+	gap: 0.25rem;
 	flex-direction: column;
 	justify-content: center;
+
+	& > div {
+		display: flex;
+		gap: 0.25rem;
+		justify-content: center;
+	}
 }
 
 .sapUiCalMulti {
@@ -398,13 +451,14 @@ html.sap-desktop .sapUiCalHead > button.sapUiCalDsbl:focus,
 
 .sapUiCalContentOver{
 	background-color: var(--sapBlockLayer_Background);
-	opacity: 0.15;
+	opacity: var(--sapBlockLayer_Opacity);
 	top: 0;
-	left: 0;
-	right: 0;
+	left: -0.5rem;
+	right: -0.5rem;
 	bottom: 0;
 	position: absolute;
 	outline: 0 none;
+	z-index: 11;
 }
 
 .sapUiCalContent > .sapUiCalMonthPicker,
@@ -511,14 +565,14 @@ html.sap-desktop .sapUiCalHead > button.sapUiCalDsbl:focus,
 			display: flex;
 			justify-content: space-between;
 		}
+	}
 
-		.sapUiCalHeadNext {
-			right: 0;
-		}
+	.sapUiCalHeadNext {
+		right: 0;
+	}
 
-		.sapUiCalHeadPrev {
-			left: 0;
-		}
+	.sapUiCalHeadPrev {
+		left: 0;
 	}
 
 	.sapUiCal .sapUiCalMonthView {
@@ -666,7 +720,7 @@ html[dir='rtl'] .sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB4 {
 .sapUiSizeCompact .sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB3,
 .sapUiCalTwoMonthsTwoColumnsJaZh .sapUiCalHeadB4:not(.sapUiCalSingleYearButton),
 .sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB3 {
-	margin-left: 6.25rem;
+	margin-left: 5rem;
 }
 
 .sapUiCalItemNow > .sapUiCalItemText {
@@ -715,7 +769,7 @@ html[dir='rtl'] .sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB4 {
 .sapUiCalMulti > .sapUiCalContent > .sapUiCalYearPicker {
 	top: 0.25rem;
 	bottom: auto;
-	padding: 1rem;
+	padding: 0.875rem;
 	margin-left: -10rem;
 }
 
@@ -829,6 +883,16 @@ html[dir='rtl'] .sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB4 {
 	}
 }
 
+.sapUiCalMulti .sapUiCalHead {
+	.sapUiCalHeadB1 {
+		margin-right: 0.25rem;
+	}
+
+	.sapUiCalHeadB2 {
+		margin-left: 0.25rem;
+	}
+}
+
 /*** compact mode (desktop size) ***/
 
 .sapUiSizeCompact .sapUiCal,
@@ -853,6 +917,7 @@ html[dir='rtl'] .sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB4 {
 }
 
 .sapUiSizeCompact .sapUiCalHead {
+	box-sizing: border-box;
 	height: 2rem;
 	padding: 0;
 }
@@ -1017,7 +1082,8 @@ html[dir='rtl'] .sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB4 {
 	height: 2rem;
 }
 
-.sapUiSizeCompact .sapUiCalRowWeekNumber {
+.sapUiSizeCompact .sapUiCalRowWeekNumber,
+.sapUiSizeCompact .sapMPlanWeeksLabelRow {
 	height: 2rem;
 }
 
@@ -1036,6 +1102,16 @@ html[dir='rtl'] .sapUiCalTwoMonthsTwoColumns .sapUiCalHeadB4 {
 	min-height: 6.5rem;
 }
 
+.sapUiSizeCompact.sapUiCalMulti:not(.sapUiCalTwoMonthsInOneColumn) {
+	.sapUiCalHeadB1 {
+		margin-left: calc(~"50% - 11.75rem");
+	}
+
+	.sapUiCalHeadB2 {
+		margin-right: calc(~"50% - 13.25rem");
+	}
+}
+
 /*** Phone ***/
 /* make calendar full-screen if on popup (DatePicker), but not if stand alone */
 html.sap-phone [data-sap-ui-popup] .sapUiCal > .sapUiCalContent > .sapUiCalMonthPicker,
@@ -1059,54 +1135,88 @@ html.sap-phone [data-sap-ui-popup] .sapUiCal > .sapUiCalContent > .sapUiCalYearP
 		justify-content: space-evenly;
 	}
 
-	.sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadBPlaceholder {
-		width:100%;
+	.sapUiCalHead.sapUiCalHeaderWithTodayButton {
+		.sapUiCalHeadBPlaceholder {
+			width:100%;
+		}
+
+		.sapUiCalHeadNext,
+		.sapUiCalHeadToday {
+			margin-left: 0.5rem;
+		}
 	}
 
 	& .sapUiCalHeadB.sapUiCalHeadB1 {
 		margin-right: 0.25rem;
 	}
 
-	& .sapUiCalHeadB.sapUiCalHeadB4 {
-		margin-left: 0.25rem;
+	& .sapUiCalHead .sapUiCalHeadB.sapUiCalHeadB4 {
+		margin-left: 0;
 	}
 
-	& .sapUiCalHeadB.sapUiCalHeadB2.sapUiCalHeadBFirst {
-		margin-left: 0.25rem;
-		margin-right: calc(~"25% - 6rem");
+	& .sapUiCalHead:not(.sapUiCalHeaderWithTodayButton) {
+		.sapUiCalHeadB3 {
+			margin-left: 4.5rem;
+		}
+		.sapUiCalHeadB4 {
+			margin-left: 0;
+		}
 	}
 
-	& .sapUiCalHeadB.sapUiCalHeadB3.sapUiCalHeadBLast {
-		margin-right: 0.25rem;
-		margin-left: calc(~"25% - 6rem");
+	& .sapUiCalHeadB.sapUiCalHeadB2.sapUiCalHeadBFirst {
+		margin-left: 0.25rem;
+		margin-right: calc(~"25% - 7rem");
 	}
 
 	.sapUiCalHeadB.sapUiCalHeadB2.sapUiCalSingleYearButton,
 	.sapUiCalHeadB.sapUiCalHeadB4.sapUiCalSingleYearButton {
 		width: 12rem;
-		margin-left: calc(~"25% - 6rem");
 	}
 
 	.sapUiCalContent > .sapUiCalMonthPicker, .sapUiCalContent > .sapUiCalYearPicker {
+		position: absolute;
+		margin-left: 0;
 		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		box-shadow: var(--sapContent_Shadow1);
+		border-radius: var(--sapPopover_BorderCornerRadius);
+		z-index: 12;
 	}
 }
 
 .sapUiCal.sapUiCalMulti .sapUiCalContent > .sapUiCalMonthPicker,
 .sapUiCal.sapUiCalMulti .sapUiCalContent > .sapUiCalYearPicker {
+	position: absolute;
+	margin-left: 0;
 	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%);
+	box-shadow: var(--sapContent_Shadow1);
+	border-radius: var(--sapPopover_BorderCornerRadius);
+	z-index: 12;
 }
 
 .sapUiSizeCompact {
 
 	.sapUiCal {
 
-		.sapUiCalHead {
+		.sapUiCalHead.sapUiCalTwoMonthsInOneColumn {
 
 			.sapUiCalHeadB2.sapUiCalSingleYearButton,
 			.sapUiCalHeadB4.sapUiCalSingleYearButton {
 				width: 11rem;
 			}
+
+			.sapUiCalHeadB1 {
+				margin-right: 0.25rem;
+				width: 5.25rem;
+			}
+
+			.sapUiCalHeadB2 {
+				margin-left: 0.25rem;
+				width: 5.25rem;
+			}
 		}
 
 		.sapUiCalHead.sapUiCalHeaderWithTodayButton {

package/src/sap/ui/unified/themes/base/CalendarDateInterval.less

@@ -18,4 +18,16 @@
 .sapUiCalInt .sapUiCalContent > .sapUiCalMonthPicker,
 .sapUiCalInt .sapUiCalContent > .sapUiCalYearPicker{
 	padding: 0;
-}
+}
+
+.sapUiCalInt.sapUiCalWithWeekNumbers .sapMPlanWeeksLabelRow {
+	display: none;
+}
+
+.sapUiCalInt.sapUiCalWithWeekNumbers .sapMPlanWeeksDataRow {
+	width: 100%;
+	border: none;
+	padding-left:0.3rem;
+	padding-right:0.3rem;
+}
+

package/src/sap/ui/unified/themes/base/CalendarTimeInterval.less

@@ -91,4 +91,21 @@
 		border-radius: 0.5rem;
 		font-size: 0.525rem;
 	}
+}
+
+.sapUiCalTimeInt > .sapUiCalContent > .sapUiCalWeeksRow {
+	position: absolute;
+	top: 2.9rem;
+	bottom: 0;
+	left: 0;
+}
+
+.sapUiCalTimeInt > .sapUiCalContent > .sapUiCalWeeksRow .sapMPlanWeeksLabelRow {
+	display: none;
+}
+
+.sapUiCalTimeInt > .sapUiCalContent > .sapUiCalWeeksRow .sapMPlanWeeksDataRow {
+	width: 100%;
+	border: none;
+	padding: 0 0.5rem 0 0.5rem;
 }

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

@@ -19,6 +19,7 @@
 		.sapMInputBaseContentWrapper {
 			box-shadow: none !important; /* cannot remove !important because of different DOM structure and impossibility to override the selector that originally introduces border-shadow */
  			border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
+			border-radius: --sapButton_BorderCornerRadius;
  			background: transparent;
 			padding: 0;
 			height: 100%;
@@ -181,6 +182,22 @@
 	height: 3rem;
 }
 
+/* Vertical alignment of button-only FileUploader in Bar */
+/* ensure FileUploader in Bar (sapMBarChild) centers its content */
+.sapUiFup.sapUiFupButtonOnly.sapMBarChild {
+	display: inline-flex;
+	align-items: center;
+	height: var(--sapElement_Height);
+}
+
+/* make the button full height and remove its vertical margin */
+.sapUiFup.sapUiFupButtonOnly .sapMBtn {
+	margin: 0;
+	height: var(--sapElement_Height);
+	align-items: center;
+	justify-content: center;
+}
+
 .sapUiSizeCompact {
 
 	.sapUiFup.sapMBarChild {
@@ -204,7 +221,6 @@
 
 		.sapUiFupTokenizer {
 			padding-inline: 0.125rem 4.25rem;
-
 		}
 
 		.sapMTokenizer .sapMTokenizerScrollContainer {
@@ -212,6 +228,14 @@
 		}
 	}
 
+	.sapMBarChild .sapUiFup.sapUiFupButtonOnly,
+	.sapUiFup.sapUiFupButtonOnly.sapMBarChild {
+		height: var(--sapElement_Compact_Height);
+	}
+	/* make the button full height and remove its vertical margin */
+	.sapUiFup.sapUiFupButtonOnly .sapMBtn {
+		height: var(--sapElement_Compact_Height);
+	}
 }
 
 .sapUiCFUM .sapUiFupInputMask,

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

@@ -1,3 +1,8 @@
+/* =========================================== */
+/* CSS for control sap.ui.unified.IndexPicker  */
+/* Base theme                                  */
+/* =========================================== */
+
 .sapMIP {
 	margin: 0.5rem;
 
@@ -20,17 +25,17 @@
 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: 0.0625rem dotted var(--sapContent_FocusColor);
 	outline-offset: -0.25rem;
 }
 
-html.sap-desktop .sapMIP .sapUiCalItemSel:focus{
-	outline-color: @sapUiContentContrastFocusColor;
-	background-color: @sapUiContentSelectedBackground;
+html.sap-desktop .sapMIP .sapUiCalItemSel:focus {
+	outline-color: var(--sapContent_ContrastFocusColor);
+	background-color: var(--sapContent_Selected_Background);
 }
 
-html.sap-desktop .sapMIP .sapUiCalItemSel:active{
-	outline-color: @sapUiContentContrastFocusColor;
-	background-color: @sapUiContentSelectedBackground;
-	color: @sapUiContentContrastTextColor;
+html.sap-desktop .sapMIP .sapUiCalItemSel:active {
+	outline-color: var(--sapContent_ContrastFocusColor);
+	background-color: var(--sapContent_Selected_Background);
+	color: var(--sapContent_ContrastTextColor);
 }

package/src/sap/ui/unified/themes/sap_hcb/base_Calendar.less

@@ -963,7 +963,8 @@ html.sapUiMedia-Std-Phone .sapUiCalHeadB0{
 	height: 2rem;
 }
 
-.sapUiSizeCompact .sapUiCalRowWeekNumber {
+.sapUiSizeCompact .sapUiCalRowWeekNumber,
+.sapUiSizeCompact .sapMPlanWeeksLabelRow {
 	height: 2rem;
 }