@ui5/webcomponents 2.11.0 → 2.12.0-rc.1

package/src/i18n/messagebundle_en_US_saprigi.properties

@@ -380,6 +380,8 @@ MONTH_PICKER_DESCRIPTION=‌‌​‌​‍‌‌‌​​‍​‍‌
 
 YEAR_PICKER_DESCRIPTION=‌‍‌​​​‍‌‌‍​‌‍‍‍​‌​‌​‍​​‍‍‌​​‍‌‌​‍‌‍​‌‍‌Year Picker
 
+YEAR_RANGE_PICKER_DESCRIPTION=‌‌​​‌‍‌​‌​‍‌​‌​‍‌‍‍​‍​​‌‌​‌​‌‍‌​‍‍‌‍​​‌‍Year Range Picker
+
 SLIDER_TOOLTIP_INPUT_DESCRIPTION=‌‌‍‍​‌‍​‍‌‍‌​​‍​‍‍​‍‌‍​‌​​‍‍‌‌‌‍‍‍‌‌‌‍‌‍Press F2 to enter a value
 
 SLIDER_TOOLTIP_INPUT_LABEL=‌​‌​​‍‍‍‌‍​‍‌‌‍‍‍‍​‌​‍​​​‌​​‌​‍‌​‍‍‌‌​‌Current Value
@@ -434,4 +436,20 @@ TABLE_MORE_DESCRIPTION=‌​​‌‍​‍‍​​‍‍​‍​​
 TABLE_ROW_ACTIONS=‌‌‍‍‍‍​‍‍​‌‌‌​‌‌‌‍‍‍‌‍​‍‍​‌‍‍​‍‌‌‍‌‌‍‍Row Actions
 TABLE_NAVIGATION=‌‌​​‍​‌‍​​‌​​‌‍‌‌‌‍​‍‍​‍​‍‍‍‍‌‍‍‍‌‍​‌​Navigation
 TABLE_GENERATED_BY_AI=‌​‌‌​​‌​​‌‍​‌​​​​​​​​‍‍‌​​​‍‍‍‌‌​​​‍‌‍​‍Generated by AI
+
+DYNAMIC_DATE_RANGE_YESTERDAY_TEXT=‌‌​‍‍‌‍​‌​‍‍​​​‍‌​‍‍​‍​‌‌​​‍‌‍​​​​​‍​​‌‍‍Yesterday
+
+DYNAMIC_DATE_RANGE_TODAY_TEXT=‌‌‌​​‌‍‌​‍‌‌​‍‍‍‍‌‌‍​‌​‍‌‌‌‌​‍‍‍‍‌‌​‍​‌‌‌Today
+
+DYNAMIC_DATE_RANGE_TOMORROW_TEXT=‌​‌‍‍​‍​‍‌‌​‌​‍‌‌‍‌​​‍​​‌​​‍‍‍​‌​‌‌​‍​​‍​Tomorrow
+
+DYNAMIC_DATE_RANGE_DATE_TEXT=‌​‌‍‌​‌‍‌​‍‌‌​​‌‌‍​‍‌‍‌‌​‍‌​​​‌​​​​‍‍‌‍‌‍Date
+
+DYNAMIC_DATE_RANGE_DATERANGE_TEXT=‌‌‌​​​​​‍‌​‌​‌​‌‍‍​​​‌‍​​​‍‌‍‍‌​‍‌‍‌​​​​From / To
+
+DYNAMIC_DATE_RANGE_SELECTED_TEXT=‌​​‌‍​‍‍‌‍‍‍​‌​‍‍‍​​‍‍‍‍‌‍‍‍​​‍​​‍‌​‌‌​​​Selected
+
+DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT=‍‍‍‍​​‌​‌‍‌‍​​‌‍‍‍‌‌‌‌‍​‌‌‍​‍‍‌​​‍‍‍‌‌‍Choose Dates
+
+DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=‍‍‌​‌​‌‌​‌‍​​‍‌‌‍‍‍‍‌‍‍​​​‍​‍‍‌​‌‌​‍‌‌Navigate Back
 TABLE_COLUMN_HEADER_ROW=‍​​​‍‌‌​‍‍‌​‍‌‌‍‌​‍‍‍‌​‌‍‌‌​‌‌‍‌‌​‍​​‌​‍Column Header Row

package/src/themes/BusyIndicator.css

@@ -76,13 +76,16 @@
 	border-radius: inherit;
 }
 
-.ui5-busy-indicator-busy-area {
+.ui5-busy-indicator-busy-area.ui5-busy-indicator-busy-area-over-content {
 	position: absolute;
-	z-index: 99;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
+	z-index: 99;
+}
+
+.ui5-busy-indicator-busy-area {
 	display: flex;
 	justify-content: center;
 	align-items: center;

package/src/themes/PopupsCommon.css

@@ -1,3 +1,5 @@
+@import "./InvisibleTextStyles.css";
+
 :host {
     position: fixed;
     background: var(--sapGroup_ContentBackground);

package/src/themes/ResponsivePopoverCommon.css

@@ -70,12 +70,12 @@
 
 /* Input placeholder */
 [inner-input]::-webkit-input-placeholder {
-	font-style: italic;
+	font-style: var(--_ui5_input_placeholder_style);
 	color: var(--sapField_PlaceholderTextColor);
 }
 
 [inner-input]::-moz-placeholder {
-	font-style: italic;
+	font-style: var(--_ui5_input_placeholder_style);
 	color: var(--sapField_PlaceholderTextColor);
 }
 

package/src/themes/Select.css

@@ -53,3 +53,22 @@
 :host(:not([disabled])) {
 	cursor: pointer;
 }
+
+.ui5-select-icon-root {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	width: var(--_ui5_select_icon_width);
+	min-width: var(--_ui5_select_icon_width);
+	height: var(--_ui5_select_icon_wrapper_height);
+	padding: 0;
+}
+
+.ui5-select-icon {
+	color: inherit;
+}
+
+:host([value-state]:not([value-state="None"], [value-state="Positive"])) .ui5-select-icon-root {
+	height: var(--_ui5_select_icon_wrapper_state_height);
+}

package/src/themes/SliderTooltip.css

@@ -0,0 +1,34 @@
+@import "./InvisibleTextStyles.css";
+
+:host(:popover-open) {
+	margin: 0;
+	display: inline-block;
+	margin-top: -28px;
+	height: 1rem;
+	background: var(--sapBackgroundColor);
+	border: none;
+	box-shadow: var(--sapContent_Shadow1);
+	border-radius: 0.0625rem;
+	padding: 0 0.5rem;
+	font-family: var(--sapFontFamily);
+	font-size: var(--sapFontSmallSize);
+	color: var(--sapTextColor);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	overflow: hidden;
+}
+
+:host([editable]:popover-open) {
+	cursor: pointer;
+	height: fit-content;
+	border: none;
+	padding: 0;
+	margin-top: -3.25rem;
+	box-shadow: none;
+}
+
+:host([editable]:popover-open) [ui5-input] {
+	width: min-content;
+	text-align: center;
+}

package/src/themes/base/CheckBox-parameters.css

@@ -32,7 +32,7 @@
 --_ui5_checkbox_inner_success_border: var(--sapField_BorderWidth) solid var(--sapField_SuccessColor);
 --_ui5_checkbox_inner_readonly_border: 0.125rem solid var(--sapField_ReadOnly_BorderColor);
 --_ui5_checkbox_inner_background: var(--sapField_Background);
---_ui5_checkbox_wrapped_focus_padding: .375rem;
+--_ui5_checkbox_wrapped_focus_padding: .5rem;
 --_ui5_checkbox_wrapped_focus_inset_block: var(--_ui5_checkbox_focus_position);
 --_ui5_checkbox_compact_wrapper_padding: .5rem;
 --_ui5_checkbox_compact_width_height: 2rem;
@@ -44,4 +44,10 @@
 --_ui5_checkbox_default_focus_border: none;
 --_ui5_checkbox_focus_outline_display: block;
 --_ui5_checkbox_right_focus_distance: 0;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_checkbox_label_offset: var(--_ui5_checkbox_compact_wrapper_padding);
 }

package/src/themes/base/Select-parameters.css

@@ -1,4 +1,12 @@
 :root {
 	--_ui5_select_hover_icon_left_border: 1px solid transparent;
 	--_ui5_select_label_color: var(--sapField_TextColor);
+	--_ui5_select_icon_width: 2.25rem;
+	--_ui5_select_icon_wrapper_height: 100%;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_select_icon_width: 2rem;
 }

package/src/themes/sap_horizon/BusyIndicator-parameters.css

@@ -2,5 +2,4 @@
 
 :root {
 	--_ui5_busy_indicator_color: var(--sapContent_BusyColor);
-	--_ui5_busy_indicator_focus_outline:  var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }

package/src/themes/sap_horizon/Select-parameters.css

@@ -2,4 +2,6 @@
 
 :root {
 	--_ui5_select_hover_icon_left_border: none;
+	--_ui5_select_icon_wrapper_height: calc(100% - 0.0625rem);
+	--_ui5_select_icon_wrapper_state_height: calc(100% - 0.125rem);
 }

package/src/themes/sap_horizon_dark/BusyIndicator-parameters.css

@@ -2,5 +2,4 @@
 
 :root {
 	--_ui5_busy_indicator_color: var(--sapContent_BusyColor);
-	--_ui5_busy_indicator_focus_outline:  var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }

package/src/themes/sap_horizon_dark/Select-parameters.css

@@ -2,4 +2,6 @@
 
 :root {
 	--_ui5_select_hover_icon_left_border: none;
+	--_ui5_select_icon_wrapper_height: calc(100% - 0.0625rem);
+	--_ui5_select_icon_wrapper_state_height: calc(100% - 0.125rem);
 }