@ui5/webcomponents 1.22.0 → 1.23.0-rc.0

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

@@ -1,7 +1,7 @@
 @import "../base/DayPicker-parameters.css";
 
 :root {
-	--_ui5_daypicker_item_border_radius: 0.5rem;
+	--_ui5_daypicker_item_border_radius: 0.4375rem;
 	--_ui5_daypicker_item_focus_border: 0.0625rem dotted var(--sapContent_FocusColor);
 	--_ui5_daypicker_item_selected_border: 0.0625rem solid var(--sapList_SelectionBorderColor);
 	--_ui5_daypicker_item_not_selected_focus_border: 0.125rem solid var(--sapContent_FocusColor);
@@ -10,7 +10,7 @@
 	--_ui5_daypicker_item_no_selected_inset: 0.375rem;
 	--_ui5_daypicker_item_now_border_focus_after: 0.125rem solid var(--sapList_SelectionBorderColor);
 	--_ui5_daypicker_item_now_border_radius_focus_after: 0.3125rem;
-	--_ui5_day_picker_item_selected_now_border_focus: 0.1875rem solid var(--sapList_SelectionBorderColor);
+	--_ui5_day_picker_item_selected_now_border_focus: 0.125rem solid var(--sapContent_FocusColor);
 	--_ui5_day_picker_item_selected_now_border_radius_focus: 0.1875rem;
 	--ui5-dp-item_withsecondtype_border: 0.375rem;
 	--_ui5_daypicker_item_now_border: 0.125rem solid var(--sapLegend_CurrentDateTime);
@@ -35,17 +35,39 @@
 	--_ui5_daypicker_item_select_between_border: 1px solid var(--sapContent_Selected_ForegroundColor);
 	--_ui5_daypicker_item_weeekend_filter: brightness(105%);
 	--_ui5_daypicker_item_selected_hover: var(--sapList_Hover_Background);
-	--_ui5_daypicker_item_now_inset: 0.375rem;
+	--_ui5_daypicker_item_now_inset: 0.3125rem;
 	--_ui5-dp-item_withsecondtype_border: 0.25rem;
-	--_ui5_daypicker_item_selected__secondary_type_text_outline: 0.125rem solid var(--sapSelectedColor);
+	--_ui5_daypicker_item_selected__secondary_type_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_two_calendar_item_now_day_text_content: "";
-	--_ui5_daypicker_two_calendar_item_now_selected_border_width:  0.1875rem;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_width: 0.125rem;
 	--_ui5_daypicker_two_calendar_item_border_radius: 0.5rem;
-	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.5rem;
+	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.375rem;
 	--_ui5_daypicker_two_calendar_item_no_selected_inset: 0;
-	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.3125rem;
+	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.1875rem;
 	--_ui5_daypicker_two_calendar_item_no_selected_focus_inset: 0.1875rem;
 	--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: 0.3125rem;
-	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0;
+	--_ui5_daypicker_two_calendar_item_now_inset: 0.3125rem;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0.125rem;
+
+	--_ui5_daypicker_selected_item_special_day_width: calc(100% - 0.125rem);
+	--_ui5_daypicker_special_day_border_bottom_radius: 0.5rem;
+	--_ui5-daypicker_item_selected_now_border_radius: 0.5rem;
+	--_ui5_daypicker_selected_item_now_special_day_width: calc(100% - 0.1875rem);
+	--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: 0.5rem;
+	--_ui5_daypicker_selected_item_now_special_day_top: 2.4375rem;
+	--_ui5_daypicker_two_calendar_item_margin_bottom: 0;
+	--_ui5_daypicker_twocalendar_item_special_day_now_inset: 0.3125rem;
+	--_ui5_daypicker_twocalendar_item_special_day_now_border_radius: 0.25rem;
+	--_ui5_daypicker_item_now_focus_margin: 0;
+	--_ui5_daypicker_special_day_border_top: none;
+	--_ui5_daypicker_special_day_selected_border_radius_bottom: 0.25rem;
+
+	--_ui5_daypicker_specialday_focused_top: 2.125rem;
+	--_ui5_daypicker_specialday_focused_width: calc(100% - 0.75rem);
+	--_ui5_daypicker_specialday_focused_border_bottom: 0;
+
+	--_ui5_daypicker_item_now_specialday_top: 2.3125rem;
+	--_ui5_daypicker_item_now_specialday_width: calc(100% - 0.5rem);
+
 }
  

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

@@ -5,6 +5,8 @@
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
+@import "../base/CalendarLegend-parameters.css";
+@import "./CalendarLegendItem-parameters.css";
 @import "../base/Card-parameters.css";
 @import "./Card-parameters.css";
 @import "./Carousel-parameters.css";

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

@@ -12,6 +12,12 @@
 	--_ui5_color-palette-row-width: 12rem;
 	--_ui5_textarea_padding_top: 0.5rem;
 	--_ui5_textarea_padding_bottom: 0.4375rem;
+
+	/* DayPicker */
+	--_ui5_dp_two_calendar_item_secondary_text_padding_block: 0 0.5rem;
+	--_ui5_dp_two_calendar_item_secondary_text_padding: 0 0.5rem;
+	--_ui5_daypicker_two_calendar_item_selected_focus_margin_bottom: 0;
+	--_ui5_daypicker_two_calendar_item_selected_focus_padding_right: 0.5rem;
 }
 
 [data-ui5-compact-size],
@@ -42,4 +48,15 @@
 	--_ui5_color-palette-item-before-focus-offset: -0.25rem;
 	--_ui5_color-palette-item-after-focus-offset: -0.125rem;
 	--_ui5_color_picker_slider_container_margin_top: -9px;
+
+	/* DayPicker */
+	--_ui5_daypicker_selected_item_now_special_day_top: 1.5625rem;
+	--_ui5_daypicker_specialday_focused_top: 1.3125rem;
+	--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: 0.5rem;
+	--_ui5_daypicker_specialday_focused_border_bottom: 0.25rem;
+	--_ui5_daypicker_item_now_specialday_top: 1.4375rem;
+	--_ui5_dp_two_calendar_item_secondary_text_padding_block: 0 0.375rem;
+	--_ui5_dp_two_calendar_item_secondary_text_padding: 0 0.375rem;
+	--_ui5_daypicker_two_calendar_item_selected_focus_margin_bottom: -0.25rem;
+	--_ui5_daypicker_two_calendar_item_selected_focus_padding_right: 0.4375rem;
 }

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

@@ -0,0 +1,6 @@
+@import "../base/CalendarLegendItem-parameters.css";
+
+:root {
+	--_ui5-calendar-legend-item-root-focus-border: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);
+	--_ui5-calendar-legend-item-root-focus-border-radius: 0.125rem;
+}

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

@@ -1,7 +1,7 @@
 @import "../base/DayPicker-parameters.css";
 
 :root {
-	--_ui5_daypicker_item_border_radius: 0.5rem;
+	--_ui5_daypicker_item_border_radius: 0.4375rem;
 	--_ui5_daypicker_item_focus_border: 0.0625rem dotted var(--sapContent_FocusColor);
 	--_ui5_daypicker_item_selected_border: 0.0625rem solid var(--sapList_SelectionBorderColor);
 	--_ui5_daypicker_item_not_selected_focus_border: 0.125rem solid var(--sapContent_FocusColor);
@@ -10,8 +10,8 @@
 	--_ui5_daypicker_item_no_selected_inset: 0.375rem;
 	--_ui5_daypicker_item_now_border_focus_after: 0.125rem solid var(--sapList_SelectionBorderColor);
 	--_ui5_daypicker_item_now_border_radius_focus_after: 0.3125rem;
-	--_ui5_day_picker_item_selected_now_border_focus: 0.1875rem solid var(--sapList_SelectionBorderColor);
-	--_ui5_day_picker_item_selected_now_border_radius_focus: 0.3125rem;
+	--_ui5_day_picker_item_selected_now_border_focus: 0.125rem solid var(--sapContent_FocusColor);
+	--_ui5_day_picker_item_selected_now_border_radius_focus: 0.1875rem;
 	--ui5-dp-item_withsecondtype_border: 0.375rem;
 	--_ui5_daypicker_item_now_border: 0.125rem solid var(--sapLegend_CurrentDateTime);
 	--_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);
@@ -33,16 +33,40 @@
 	--_ui5_daypicker_item_now_selected_between_border: 0.0625rem solid var(--sapContent_Selected_ForegroundColor);
 	--_ui5_daypicker_item_now_selected_between_border_radius: 0.1875rem;
 	--_ui5_daypicker_item_select_between_border: 1px solid var(--sapContent_Selected_ForegroundColor);
-	--_ui5_daypicker_item_now_inset: 0.375rem;
+	--_ui5_daypicker_item_weeekend_filter: brightness(105%);
+	--_ui5_daypicker_item_selected_hover: var(--sapList_Hover_Background);
+	--_ui5_daypicker_item_now_inset: 0.3125rem;
 	--_ui5-dp-item_withsecondtype_border: 0.25rem;
-	--_ui5_daypicker_item_selected__secondary_type_text_outline: 0.125rem solid var(--sapSelectedColor);
+	--_ui5_daypicker_item_selected__secondary_type_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_two_calendar_item_now_day_text_content: "";
-	--_ui5_daypicker_two_calendar_item_now_selected_border_width:  0.1875rem;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_width: 0.125rem;
 	--_ui5_daypicker_two_calendar_item_border_radius: 0.5rem;
-	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.5rem;
+	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.375rem;
 	--_ui5_daypicker_two_calendar_item_no_selected_inset: 0;
-	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.3125rem;
+	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.1875rem;
 	--_ui5_daypicker_two_calendar_item_no_selected_focus_inset: 0.1875rem;
 	--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: 0.3125rem;
-	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0;
+	--_ui5_daypicker_two_calendar_item_now_inset: 0.3125rem;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0.125rem;
+
+	--_ui5_daypicker_selected_item_special_day_width: calc(100% - 0.125rem);
+	--_ui5_daypicker_special_day_border_bottom_radius: 0.5rem;
+	--_ui5-daypicker_item_selected_now_border_radius: 0.5rem;
+	--_ui5_daypicker_selected_item_now_special_day_width: calc(100% - 0.1875rem);
+	--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: 0.5rem;
+	--_ui5_daypicker_selected_item_now_special_day_top: 2.4375rem;
+	--_ui5_daypicker_two_calendar_item_margin_bottom: 0;
+	--_ui5_daypicker_twocalendar_item_special_day_now_inset: 0.3125rem;
+	--_ui5_daypicker_twocalendar_item_special_day_now_border_radius: 0.25rem;
+	--_ui5_daypicker_item_now_focus_margin: 0;
+	--_ui5_daypicker_special_day_border_top: none;
+	--_ui5_daypicker_special_day_selected_border_radius_bottom: 0.25rem;
+
+	--_ui5_daypicker_specialday_focused_top: 2.125rem;
+	--_ui5_daypicker_specialday_focused_width: calc(100% - 0.75rem);
+	--_ui5_daypicker_specialday_focused_border_bottom: 0;
+
+	--_ui5_daypicker_item_now_specialday_top: 2.3125rem;
+	--_ui5_daypicker_item_now_specialday_width: calc(100% - 0.5rem);
+
 }

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

@@ -5,6 +5,8 @@
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
+@import "../base/CalendarLegend-parameters.css";
+@import "./CalendarLegendItem-parameters.css";
 @import "../base/Card-parameters.css";
 @import "./Card-parameters.css";
 @import "./Carousel-parameters.css";

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

@@ -1,9 +1,6 @@
 @import "../base/sizes-parameters.css";
 
 :root {
-	--_ui5_textarea_padding_top: 0.5rem;
-	--_ui5_textarea_padding_bottom: 0.4375rem;
-
 	/* SplitButton */
 	--_ui5_split_button_middle_separator_top: 0.625rem;
 	--_ui5_split_button_middle_separator_height: 1rem;
@@ -13,6 +10,12 @@
 	--_ui5_color-palette-item-hover-height: 2.25rem;
 	--_ui5_color-palette-item-margin: calc(((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2) + 0.0625rem);
 	--_ui5_color-palette-row-width: 12rem;
+
+	/* DayPicker */
+	--_ui5_dp_two_calendar_item_secondary_text_padding_block: 0 0.5rem;
+	--_ui5_dp_two_calendar_item_secondary_text_padding: 0 0.5rem;
+	--_ui5_daypicker_two_calendar_item_selected_focus_margin_bottom: 0;
+	--_ui5_daypicker_two_calendar_item_selected_focus_padding_right: 0.5rem;
 }
 
 [data-ui5-compact-size],
@@ -42,4 +45,15 @@
 	--_ui5_color-palette-item-before-focus-offset: -0.25rem;
 	--_ui5_color-palette-item-after-focus-offset: -0.125rem;
 	--_ui5_color_picker_slider_container_margin_top: -9px;
+
+	/* DayPicker */
+	--_ui5_daypicker_selected_item_now_special_day_top: 1.5625rem;
+	--_ui5_daypicker_specialday_focused_top: 1.3125rem;
+	--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: 0.5rem;
+	--_ui5_daypicker_specialday_focused_border_bottom: 0.25rem;
+	--_ui5_daypicker_item_now_specialday_top: 1.4375rem;
+	--_ui5_dp_two_calendar_item_secondary_text_padding_block: 0 0.375rem;
+	--_ui5_dp_two_calendar_item_secondary_text_padding: 0 0.375rem;
+	--_ui5_daypicker_two_calendar_item_selected_focus_margin_bottom: -0.25rem;
+	--_ui5_daypicker_two_calendar_item_selected_focus_padding_right: 0.4375rem;
 }

package/src/themes/sap_horizon_dark_exp/CalendarLegendItem-parameters.css

@@ -0,0 +1,6 @@
+@import "../base/CalendarLegendItem-parameters.css";
+
+:root {
+	--_ui5-calendar-legend-item-root-focus-border: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);
+	--_ui5-calendar-legend-item-root-focus-border-radius: 0.125rem;
+}

package/src/themes/sap_horizon_dark_exp/DayPicker-parameters.css

@@ -1,7 +1,7 @@
 @import "../base/DayPicker-parameters.css";
 
 :root {
-	--_ui5_daypicker_item_border_radius: 0.5rem;
+	--_ui5_daypicker_item_border_radius: 0.4375rem;
 	--_ui5_daypicker_item_focus_border: 0.0625rem dotted var(--sapContent_FocusColor);
 	--_ui5_daypicker_item_selected_border: 0.0625rem solid var(--sapList_SelectionBorderColor);
 	--_ui5_daypicker_item_not_selected_focus_border: 0.125rem solid var(--sapContent_FocusColor);
@@ -11,7 +11,7 @@
 	--_ui5_daypicker_item_now_border_focus_after: 0.125rem solid var(--sapList_SelectionBorderColor);
 	--_ui5_daypicker_item_now_border_radius_focus_after: 0.3125rem;
 	--_ui5_day_picker_item_selected_now_border_focus: 0.1875rem solid var(--sapList_SelectionBorderColor);
-	--_ui5_day_picker_item_selected_now_border_radius_focus: 0.3125rem;
+	--_ui5_day_picker_item_selected_now_border_radius_focus: 0.1875rem;
 	--ui5-dp-item_withsecondtype_border: 0.375rem;
 	--_ui5_daypicker_item_now_border: 0.125rem solid var(--sapLegend_CurrentDateTime);
 	--_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);
@@ -33,16 +33,37 @@
 	--_ui5_daypicker_item_now_selected_between_border: 0.0625rem solid var(--sapContent_Selected_ForegroundColor);
 	--_ui5_daypicker_item_now_selected_between_border_radius: 0.1875rem;
 	--_ui5_daypicker_item_select_between_border: 1px solid var(--sapContent_Selected_ForegroundColor);
-	--_ui5_daypicker_item_now_inset: 0.375rem;
+	--_ui5_daypicker_item_now_inset: 0.3125rem;
 	--_ui5-dp-item_withsecondtype_border: 0.25rem;
-	--_ui5_daypicker_item_selected__secondary_type_text_outline: 0.125rem solid var(--sapSelectedColor);
+	--_ui5_daypicker_item_selected__secondary_type_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_two_calendar_item_now_day_text_content: "";
-	--_ui5_daypicker_two_calendar_item_now_selected_border_width:  0.1875rem;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_width: 0.125rem;
 	--_ui5_daypicker_two_calendar_item_border_radius: 0.5rem;
-	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.5rem;
+	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.375rem;
 	--_ui5_daypicker_two_calendar_item_no_selected_inset: 0;
-	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.3125rem;
+	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.1875rem;
 	--_ui5_daypicker_two_calendar_item_no_selected_focus_inset: 0.1875rem;
 	--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: 0.3125rem;
-	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0.125rem;
+
+	--_ui5_daypicker_selected_item_special_day_width: calc(100% - 0.125rem);
+	--_ui5_daypicker_special_day_border_bottom_radius: 0.5rem;
+	--_ui5-daypicker_item_selected_now_border_radius: 0.5rem;
+	--_ui5_daypicker_selected_item_now_special_day_width: calc(100% - 0.1875rem);
+	--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: 0.5rem;
+	--_ui5_daypicker_selected_item_now_special_day_top: 2.4375rem;
+	--_ui5_daypicker_two_calendar_item_margin_bottom: 0;
+	--_ui5_daypicker_twocalendar_item_special_day_now_inset: 0.3125rem;
+	--_ui5_daypicker_twocalendar_item_special_day_now_border_radius: 0.25rem;
+	--_ui5_daypicker_item_now_focus_margin: 0;
+	--_ui5_daypicker_special_day_border_top: none;
+	--_ui5_daypicker_special_day_selected_border_radius_bottom: 0.25rem;
+
+	--_ui5_daypicker_specialday_focused_top: 2.125rem;
+	--_ui5_daypicker_specialday_focused_width: calc(100% - 0.75rem);
+	--_ui5_daypicker_specialday_focused_border_bottom: 0;
+
+	--_ui5_daypicker_item_now_specialday_top: 2.3125rem;
+	--_ui5_daypicker_item_now_specialday_width: calc(100% - 0.5rem);
+
 }

package/src/themes/sap_horizon_dark_exp/parameters-bundle.css

@@ -5,6 +5,8 @@
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
+@import "../base/CalendarLegend-parameters.css";
+@import "./CalendarLegendItem-parameters.css";
 @import "../base/Card-parameters.css";
 @import "./Card-parameters.css";
 @import "./Carousel-parameters.css";

package/src/themes/sap_horizon_dark_exp/sizes-parameters.css

@@ -43,4 +43,11 @@
 	--_ui5_color-palette-item-before-focus-offset: -0.25rem;
 	--_ui5_color-palette-item-after-focus-offset: -0.125rem;
 	--_ui5_color_picker_slider_container_margin_top: -9px;
+
+	/* DayPicker */
+	--_ui5_daypicker_selected_item_now_special_day_top: 1.5625rem;
+	--_ui5_daypicker_specialday_focused_top: 1.3125rem;
+	--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: 0.5rem;
+	--_ui5_daypicker_specialday_focused_border_bottom: 0.25rem;
+	--_ui5_daypicker_item_now_specialday_top: 1.4375rem;
 }

package/src/themes/sap_horizon_exp/DayPicker-parameters.css

@@ -1,7 +1,7 @@
 @import "../base/DayPicker-parameters.css";
 
 :root {
-	--_ui5_daypicker_item_border_radius: 0.5rem;
+	--_ui5_daypicker_item_border_radius: 0.4375rem;
 	--_ui5_daypicker_item_focus_border: 0.0625rem dotted var(--sapContent_FocusColor);
 	--_ui5_daypicker_item_selected_border: 0.0625rem solid var(--sapList_SelectionBorderColor);
 	--_ui5_daypicker_item_not_selected_focus_border: 0.125rem solid var(--sapContent_FocusColor);
@@ -10,7 +10,7 @@
 	--_ui5_daypicker_item_no_selected_inset: 0.375rem;
 	--_ui5_daypicker_item_now_border_focus_after: 0.125rem solid var(--sapList_SelectionBorderColor);
 	--_ui5_daypicker_item_now_border_radius_focus_after: 0.3125rem;
-	--_ui5_day_picker_item_selected_now_border_focus: 0.1875rem solid var(--sapList_SelectionBorderColor);
+	--_ui5_day_picker_item_selected_now_border_focus: 0.125rem solid var(--sapList_SelectionBorderColor);
 	--_ui5_day_picker_item_selected_now_border_radius_focus: 0.1875rem;
 	--ui5-dp-item_withsecondtype_border: 0.375rem;
 	--_ui5_daypicker_item_now_border: 0.125rem solid var(--sapLegend_CurrentDateTime);
@@ -35,17 +35,38 @@
 	--_ui5_daypicker_item_select_between_border: 1px solid var(--sapContent_Selected_ForegroundColor);
 	--_ui5_daypicker_item_weeekend_filter: brightness(105%);
 	--_ui5_daypicker_item_selected_hover: var(--sapList_Hover_Background);
-	--_ui5_daypicker_item_now_inset: 0.375rem;
+	--_ui5_daypicker_item_now_inset: 0.3125rem;
 	--_ui5-dp-item_withsecondtype_border: 0.25rem;
-	--_ui5_daypicker_item_selected__secondary_type_text_outline: 0.125rem solid var(--sapSelectedColor);
+	--_ui5_daypicker_item_selected__secondary_type_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_two_calendar_item_now_day_text_content: "";
-	--_ui5_daypicker_two_calendar_item_now_selected_border_width:  0.1875rem;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_width: 0.125rem;
 	--_ui5_daypicker_two_calendar_item_border_radius: 0.5rem;
-	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.5rem;
+	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.375rem;
 	--_ui5_daypicker_two_calendar_item_no_selected_inset: 0;
-	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.3125rem;
+	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.1875rem;
 	--_ui5_daypicker_two_calendar_item_no_selected_focus_inset: 0.1875rem;
 	--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: 0.3125rem;
-	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0.125rem;
+
+	--_ui5_daypicker_selected_item_special_day_width: calc(100% - 0.125rem);
+	--_ui5_daypicker_special_day_border_bottom_radius: 0.5rem;
+	--_ui5-daypicker_item_selected_now_border_radius: 0.5rem;
+	--_ui5_daypicker_selected_item_now_special_day_width: calc(100% - 0.1875rem);
+	--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: 0.5rem;
+	--_ui5_daypicker_selected_item_now_special_day_top: 2.4375rem;
+	--_ui5_daypicker_two_calendar_item_margin_bottom: 0;
+	--_ui5_daypicker_twocalendar_item_special_day_now_inset: 0.3125rem;
+	--_ui5_daypicker_twocalendar_item_special_day_now_border_radius: 0.25rem;
+	--_ui5_daypicker_item_now_focus_margin: 0;
+	--_ui5_daypicker_special_day_border_top: none;
+	--_ui5_daypicker_special_day_selected_border_radius_bottom: 0.25rem;
+
+	--_ui5_daypicker_specialday_focused_top: 2.125rem;
+	--_ui5_daypicker_specialday_focused_width: calc(100% - 0.75rem);
+	--_ui5_daypicker_specialday_focused_border_bottom: 0;
+
+	--_ui5_daypicker_item_now_specialday_top: 2.3125rem;
+	--_ui5_daypicker_item_now_specialday_width: calc(100% - 0.5rem);
+
 }
  

package/src/themes/sap_horizon_exp/parameters-bundle.css

@@ -5,6 +5,8 @@
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
+@import "../base/CalendarLegend-parameters.css";
+@import "../base/CalendarLegendItem-parameters.css";
 @import "../base/Card-parameters.css";
 @import "./Card-parameters.css";
 @import "./Carousel-parameters.css";

package/src/themes/sap_horizon_exp/sizes-parameters.css

@@ -42,4 +42,11 @@
 	--_ui5_color-palette-item-before-focus-offset: -0.25rem;
 	--_ui5_color-palette-item-after-focus-offset: -0.125rem;
 	--_ui5_color_picker_slider_container_margin_top: -9px;
+
+	/* DayPicker */
+	--_ui5_daypicker_selected_item_now_special_day_top: 1.5625rem;
+	--_ui5_daypicker_specialday_focused_top: 1.3125rem;
+	--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: 0.5rem;
+	--_ui5_daypicker_specialday_focused_border_bottom: 0.25rem;
+	--_ui5_daypicker_item_now_specialday_top: 1.4375rem;
 }

package/src/themes/sap_horizon_hcb/DayPicker-parameters.css

@@ -1,44 +1,72 @@
 @import "../base/DayPicker-parameters.css";
 
 :root {
-	--_ui5_daypicker_item_border_radius: 0.5rem;
+	--_ui5_daypicker_item_border_radius: 0.4375rem;
 	--_ui5_daypicker_item_focus_border: 0.0625rem dotted var(--sapContent_FocusColor);
-	--_ui5_daypicker_item_selected_border: 0.125rem solid var(--sapList_SelectionBorderColor);
+	--_ui5_daypicker_item_selected_border: 0.0625rem solid var(--sapList_SelectionBorderColor);
 	--_ui5_daypicker_item_not_selected_focus_border: 0.125rem solid var(--sapContent_FocusColor);
 	--_ui5_daypicker_item_selected_focus_color: var(--sapContent_FocusColor);
-	--_ui5_daypicker_item_selected_focus_width: 0.1875rem;
-	--_ui5_daypicker_item_no_selected_inset: 0rem;
+	--_ui5_daypicker_item_selected_focus_width: 0.125rem;
+	--_ui5_daypicker_item_no_selected_inset: 0.375rem;
 	--_ui5_daypicker_item_now_border_focus_after: 0.125rem solid var(--sapList_SelectionBorderColor);
 	--_ui5_daypicker_item_now_border_radius_focus_after: 0.3125rem;
-	--_ui5_day_picker_item_selected_now_border_focus: 0.1875rem solid var(--sapList_SelectionBorderColor);
-	--_ui5_day_picker_item_selected_now_border_radius_focus: 0.3125rem;
+	--_ui5_day_picker_item_selected_now_border_focus: 0.125rem solid var(--sapContent_FocusColor);
+	--_ui5_day_picker_item_selected_now_border_radius_focus: 0.1875rem;
 	--ui5-dp-item_withsecondtype_border: 0.375rem;
 	--_ui5_daypicker_item_now_border: 0.125rem solid var(--sapLegend_CurrentDateTime);
 	--_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);
 	--_ui5_daypicker_weekname_color: var(--sapContent_LabelColor);
-	--_ui5_daypicker_item_border_radius_focus_after: 0.5rem;
-	--_ui5_daypicker_item_border_radius_item: 0.5rem;
-	--_ui5_daypicker_item_selected_background: var(--sapContent_Selected_Background);
-	--_ui5_daypicker_item_margin: 0;
-	--_ui5_daypicker_item_border: 1px solid #000;
 	--_ui5_daypicker_item_selected_box_shadow: inset 0 0 0 0.0625rem var(--sapContent_Selected_ForegroundColor);
+	--_ui5_daypicker_item_selected_daytext_hover_background: transparent;
+	--_ui5_daypicker_item_border_radius_item: 0.5rem;
+	--_ui5_daypicker_item_border_radius_focus_after: 0.1875rem;
+	--_ui5_daypicker_item_selected_between_border: 0.5rem;
+	--_ui5_daypicker_item_selected_between_background: var(--sapList_SelectionBackgroundColor);
+	--_ui5_daypicker_item_selected_between_text_background: transparent;
 	--_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily);
 	--_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);
-	--_ui5_daypicker_item_now_selected_between_inset: 0.25rem;
+	--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);
+	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.35rem var(--sapList_Background);
+	--_ui5_daypicker_item_selected_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_item_now_selected_outline_offset: -0.25rem;
+	--_ui5_daypicker_item_now_selected_between_inset: 0.25rem;
 	--_ui5_daypicker_item_now_selected_between_border: 0.0625rem solid var(--sapContent_Selected_ForegroundColor);
 	--_ui5_daypicker_item_now_selected_between_border_radius: 0.1875rem;
-	--_ui5_daypicker_item_selected_text_outline: 0.125rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_item_select_between_border: 1px solid var(--sapContent_Selected_ForegroundColor);
-	--_ui5_daypicker_item_now_inset: 0.1875rem;
-	--_ui5_daypicker_item_selected__secondary_type_text_outline: 0.125rem solid var(--sapSelectedColor);
-	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.0625rem var(--_ui5_daypicker_item_selected_border_color);
-	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.3125rem;
-	--_ui5_daypicker_two_calendar_item_now_selected_border_width: 0.1875rem;
-	--_ui5_daypicker_item_selected_text_border: none;
-	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0;
+	--_ui5_daypicker_item_weeekend_filter: brightness(105%);
+	--_ui5_daypicker_item_selected_hover: var(--sapList_Hover_Background);
+	--_ui5_daypicker_item_now_inset: 0.3125rem;
+	--_ui5-dp-item_withsecondtype_border: 0.25rem;
+	--_ui5_daypicker_item_selected__secondary_type_text_outline: 0.0625rem solid var(--sapSelectedColor);
+	--_ui5_daypicker_two_calendar_item_now_day_text_content: "";
+	--_ui5_daypicker_two_calendar_item_now_selected_border_width: 0.125rem;
 	--_ui5_daypicker_two_calendar_item_border_radius: 0.5rem;
-	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.5rem;
+	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.375rem;
 	--_ui5_daypicker_two_calendar_item_no_selected_inset: 0;
-	--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: 0.375rem
+	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.1875rem;
+	--_ui5_daypicker_two_calendar_item_no_selected_focus_inset: 0.1875rem;
+	--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: 0.3125rem;
+	--_ui5_daypicker_two_calendar_item_now_inset: 0.3125rem;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0.125rem;
+
+	--_ui5_daypicker_selected_item_special_day_width: calc(100% - 0.125rem);
+	--_ui5_daypicker_special_day_border_bottom_radius: 0.5rem;
+	--_ui5-daypicker_item_selected_now_border_radius: 0.5rem;
+	--_ui5_daypicker_selected_item_now_special_day_width: calc(100% - 0.1875rem);
+	--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: 0.5rem;
+	--_ui5_daypicker_selected_item_now_special_day_top: 2.4375rem;
+	--_ui5_daypicker_two_calendar_item_margin_bottom: 0;
+	--_ui5_daypicker_twocalendar_item_special_day_now_inset: 0.3125rem;
+	--_ui5_daypicker_twocalendar_item_special_day_now_border_radius: 0.25rem;
+	--_ui5_daypicker_item_now_focus_margin: 0;
+	--_ui5_daypicker_special_day_border_top: none;
+	--_ui5_daypicker_special_day_selected_border_radius_bottom: 0.25rem;
+
+	--_ui5_daypicker_specialday_focused_top: 2.125rem;
+	--_ui5_daypicker_specialday_focused_width: calc(100% - 0.75rem);
+	--_ui5_daypicker_specialday_focused_border_bottom: 0;
+
+	--_ui5_daypicker_item_now_specialday_top: 2.3125rem;
+	--_ui5_daypicker_item_now_specialday_width: calc(100% - 0.5rem);
+
 }

package/src/themes/sap_horizon_hcb/parameters-bundle.css

@@ -4,6 +4,8 @@
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
+@import "../base/CalendarLegend-parameters.css";
+@import "../base/CalendarLegendItem-parameters.css";
 @import "./CalendarHeader-parameters.css";
 @import "./Carousel-parameters.css";
 @import "./Card-parameters.css";

package/src/themes/sap_horizon_hcb/sizes-parameters.css

@@ -6,4 +6,11 @@
 	/* SplitButton */
 	--_ui5_split_button_text_button_width: 2.25rem;
 	--_ui5_color_picker_slider_container_margin_top: -10px;
+
+	/* DayPicker */
+	--_ui5_daypicker_selected_item_now_special_day_top: 1.5625rem;
+	--_ui5_daypicker_specialday_focused_top: 1.3125rem;
+	--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: 0.5rem;
+	--_ui5_daypicker_specialday_focused_border_bottom: 0.25rem;
+	--_ui5_daypicker_item_now_specialday_top: 1.4375rem;
 }

package/src/themes/sap_horizon_hcb_exp/DayPicker-parameters.css

@@ -1,44 +1,71 @@
 @import "../base/DayPicker-parameters.css";
 
 :root {
-	--_ui5_daypicker_item_border_radius: 0.5rem;
+	--_ui5_daypicker_item_border_radius: 0.4375rem;
 	--_ui5_daypicker_item_focus_border: 0.0625rem dotted var(--sapContent_FocusColor);
-	--_ui5_daypicker_item_selected_border: 0.125rem solid var(--sapList_SelectionBorderColor);
+	--_ui5_daypicker_item_selected_border: 0.0625rem solid var(--sapList_SelectionBorderColor);
 	--_ui5_daypicker_item_not_selected_focus_border: 0.125rem solid var(--sapContent_FocusColor);
 	--_ui5_daypicker_item_selected_focus_color: var(--sapContent_FocusColor);
-	--_ui5_daypicker_item_selected_focus_width: 0.1875rem;
-	--_ui5_daypicker_item_no_selected_inset: 0rem;
+	--_ui5_daypicker_item_selected_focus_width: 0.125rem;
+	--_ui5_daypicker_item_no_selected_inset: 0.375rem;
 	--_ui5_daypicker_item_now_border_focus_after: 0.125rem solid var(--sapList_SelectionBorderColor);
 	--_ui5_daypicker_item_now_border_radius_focus_after: 0.3125rem;
-	--_ui5_day_picker_item_selected_now_border_focus: 0.1875rem solid var(--sapList_SelectionBorderColor);
-	--_ui5_day_picker_item_selected_now_border_radius_focus: 0.3125rem;
+	--_ui5_day_picker_item_selected_now_border_focus: 0.125rem solid var(--sapContent_FocusColor);
+	--_ui5_day_picker_item_selected_now_border_radius_focus: 0.1875rem;
 	--ui5-dp-item_withsecondtype_border: 0.375rem;
 	--_ui5_daypicker_item_now_border: 0.125rem solid var(--sapLegend_CurrentDateTime);
 	--_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);
 	--_ui5_daypicker_weekname_color: var(--sapContent_LabelColor);
-	--_ui5_daypicker_item_border_radius_focus_after: 0.5rem;
-	--_ui5_daypicker_item_border_radius_item: 0.5rem;
-	--_ui5_daypicker_item_selected_background: var(--sapContent_Selected_Background);
-	--_ui5_daypicker_item_margin: 0;
-	--_ui5_daypicker_item_border: 1px solid #000;
 	--_ui5_daypicker_item_selected_box_shadow: inset 0 0 0 0.0625rem var(--sapContent_Selected_ForegroundColor);
+	--_ui5_daypicker_item_selected_daytext_hover_background: transparent;
+	--_ui5_daypicker_item_border_radius_item: 0.5rem;
+	--_ui5_daypicker_item_border_radius_focus_after: 0.1875rem;
+	--_ui5_daypicker_item_selected_between_border: 0.5rem;
+	--_ui5_daypicker_item_selected_between_background: var(--sapList_SelectionBackgroundColor);
+	--_ui5_daypicker_item_selected_between_text_background: transparent;
 	--_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily);
 	--_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);
-	--_ui5_daypicker_item_now_selected_between_inset: 0.25rem;
+	--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);
+	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.35rem var(--sapList_Background);
+	--_ui5_daypicker_item_selected_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_item_now_selected_outline_offset: -0.25rem;
+	--_ui5_daypicker_item_now_selected_between_inset: 0.25rem;
 	--_ui5_daypicker_item_now_selected_between_border: 0.0625rem solid var(--sapContent_Selected_ForegroundColor);
 	--_ui5_daypicker_item_now_selected_between_border_radius: 0.1875rem;
-	--_ui5_daypicker_item_selected_text_outline: 0.125rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_item_select_between_border: 1px solid var(--sapContent_Selected_ForegroundColor);
-	--_ui5_daypicker_item_now_inset: 0.1875rem;
-	--_ui5_daypicker_item_selected__secondary_type_text_outline: 0.125rem solid var(--sapSelectedColor);
-	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.0625rem var(--_ui5_daypicker_item_selected_border_color);
-	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.3125rem;
-	--_ui5_daypicker_two_calendar_item_now_selected_border_width: 0.1875rem;
-	--_ui5_daypicker_item_selected_text_border: none;
-	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0;
+	--_ui5_daypicker_item_weeekend_filter: brightness(105%);
+	--_ui5_daypicker_item_selected_hover: var(--sapList_Hover_Background);
+	--_ui5_daypicker_item_now_inset: 0.3125rem;
+	--_ui5-dp-item_withsecondtype_border: 0.25rem;
+	--_ui5_daypicker_item_selected__secondary_type_text_outline: 0.0625rem solid var(--sapSelectedColor);
+	--_ui5_daypicker_two_calendar_item_now_day_text_content: "";
+	--_ui5_daypicker_two_calendar_item_now_selected_border_width: 0.125rem;
 	--_ui5_daypicker_two_calendar_item_border_radius: 0.5rem;
-	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.5rem;
+	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.375rem;
 	--_ui5_daypicker_two_calendar_item_no_selected_inset: 0;
-	--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: 0.375rem
+	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.1875rem;
+	--_ui5_daypicker_two_calendar_item_no_selected_focus_inset: 0.1875rem;
+	--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: 0.3125rem;
+	--_ui5_daypicker_two_calendar_item_now_inset: 0.3125rem;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0.125rem;
+
+	--_ui5_daypicker_selected_item_special_day_width: calc(100% - 0.125rem);
+	--_ui5_daypicker_special_day_border_bottom_radius: 0.5rem;
+	--_ui5-daypicker_item_selected_now_border_radius: 0.5rem;
+	--_ui5_daypicker_selected_item_now_special_day_width: calc(100% - 0.1875rem);
+	--_ui5_daypicker_selected_item_now_special_day_border_bottom_radius_alternate: 0.5rem;
+	--_ui5_daypicker_selected_item_now_special_day_top: 2.4375rem;
+	--_ui5_daypicker_two_calendar_item_margin_bottom: 0;
+	--_ui5_daypicker_twocalendar_item_special_day_now_inset: 0.3125rem;
+	--_ui5_daypicker_twocalendar_item_special_day_now_border_radius: 0.25rem;
+	--_ui5_daypicker_item_now_focus_margin: 0;
+	--_ui5_daypicker_special_day_border_top: none;
+	--_ui5_daypicker_special_day_selected_border_radius_bottom: 0.25rem;
+
+	--_ui5_daypicker_specialday_focused_top: 2.125rem;
+	--_ui5_daypicker_specialday_focused_width: calc(100% - 0.75rem);
+	--_ui5_daypicker_specialday_focused_border_bottom: 0;
+
+	--_ui5_daypicker_item_now_specialday_top: 2.3125rem;
+	--_ui5_daypicker_item_now_specialday_width: calc(100% - 0.5rem);
 }

package/src/themes/sap_horizon_hcb_exp/parameters-bundle.css

@@ -4,6 +4,8 @@
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
+@import "../base/CalendarLegend-parameters.css";
+@import "../base/CalendarLegendItem-parameters.css";
 @import "./CalendarHeader-parameters.css";
 @import "./Carousel-parameters.css";
 @import "./Card-parameters.css";