@ui5/webcomponents 0.0.0-354b6d238 → 0.0.0-3790e6927

package/src/themes/Popover.css

@@ -1,26 +1,13 @@
-.ui5-popover-arrow {
-	pointer-events: none;
-	display: block;
-	width: 1rem;
-	height: 1rem;
-	position: absolute;
-	overflow: hidden;
-}
-
-.ui5-popover-arrow:after {
-	content: "";
-	display: block;
-	width: 0.7rem;
-	height: 0.7rem;
-	background-color: var(--sapGroup_ContentBackground);
-	box-shadow: var(--sapContent_Shadow3);
-	transform: rotate(-45deg);
-}
-
 :host {
+	box-shadow: var(--_ui5_popover_box_shadow);
+	background-color: var(--_ui5_popover_background);
 	max-width: calc(100vw - (100vw - 100%) - 2 * var(--_ui5_popup_viewport_margin));
 }
 
+:host([hide-arrow]) {
+	box-shadow: var(--_ui5_popover_no_arrow_box_shadow);
+}
+
 :host([opened][actual-placement-type="Top"]) {
 	margin-top: var(--_ui5-popover-margin-bottom);
 }
@@ -34,8 +21,8 @@
 	left: calc(50% - 0.5625rem);
 	top: -0.5rem;
 	height: 0.5625rem;
-
 }
+
 :host([actual-placement-type="Bottom"]) .ui5-popover-arrow:after {
 	margin: var(--_ui5_popover_upward_arrow_margin);
 }
@@ -83,3 +70,22 @@
 .ui5-popover-root {
 	min-width: 6.25rem;
 }
+
+.ui5-popover-arrow {
+	pointer-events: none;
+	display: block;
+	width: 1rem;
+	height: 1rem;
+	position: absolute;
+	overflow: hidden;
+}
+
+.ui5-popover-arrow:after {
+	content: "";
+	display: block;
+	width: 0.7rem;
+	height: 0.7rem;
+	background-color: var(--_ui5_popover_background);
+	box-shadow: var(--_ui5_popover_box_shadow);
+	transform: rotate(-45deg);
+}

package/src/themes/PopupsCommon.css

@@ -2,7 +2,6 @@
     display: none;
     position: fixed;
     background: var(--sapGroup_ContentBackground);
-    box-shadow: var(--sapContent_Shadow2);
     border-radius: var(--_ui5_popup_border_radius);
     min-height: 2rem;
     box-sizing: border-box;

package/src/themes/StepInput.css

@@ -55,23 +55,23 @@
 :host([value-state="None"]:not([readonly]):not([disabled]):not([focused]):hover) {
 	background-color: var(--sapField_Hover_Background);
 	border: var(--_ui5_step_input_border_style_hover);
-	box-shadow: var(--_ui5_input_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_Shadow);
 }
 
 :host([value-state="Success"]:not([readonly]):not([disabled]):not([focused]):hover) {
-	box-shadow: var(--_ui5_input_value_state_success_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_SuccessShadow);
 }
 
 :host([value-state="Information"]:not([readonly]):not([disabled]):not([focused]):hover) {
-	box-shadow: var(--_ui5_input_value_state_information_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_InformationShadow);
 }
 
 :host([value-state="Warning"]:not([readonly]):not([disabled]):not([focused]):hover) {
-	box-shadow: var(--_ui5_input_value_state_warning_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_WarningShadow);
 }
 
 :host([value-state="Error"]:not([readonly]):not([disabled]):not([focused]):hover) {
-	box-shadow: var(--_ui5_input_value_state_error_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_InvalidShadow);
 }
 
 :host([value-state="Success"]:not([readonly]):not([disabled]):hover),

package/src/themes/TabInStrip.css

@@ -229,6 +229,11 @@
 	display: flex;
 }
 
+.ui5-tab-strip-itemAdditionalText-hidden {
+	visibility: hidden;
+	margin-top: 1.25rem;
+}
+
 .ui5-tab-strip-item--inline .ui5-tab-strip-itemAdditionalText + .ui5-tab-strip-itemText {
 	display: inline;
 }
@@ -253,7 +258,7 @@
 	padding: 0 0.188rem;
 }
 
-.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--withAddionalText {
+.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--withAdditionalText {
 	justify-content: flex-start;
 	height: var(--_ui5_tc_item_text_only_with_additional_text_height);
 }

package/src/themes/TextArea.css

@@ -18,7 +18,8 @@
 	margin: var(--_ui5_textarea_margin);
 }
 
-:host(:not([value-state]):not([readonly]):not([disabled]):not([focused])) .ui5-textarea-wrapper,
+:host([value-state][disabled]) .ui5-textarea-wrapper,
+:host(:not([value-state]):not([readonly]):not([focused])) .ui5-textarea-wrapper,
 :host([value-state="None"]:not([readonly]):not([disabled]):not([focused])) .ui5-textarea-wrapper {
 	background: var(--sapField_BackgroundStyle);
 	background-color: var(--sapField_Background);
@@ -33,7 +34,7 @@
 
 :host(:not([value-state]):not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper,
 :host([value-state="None"]:not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper {
-	box-shadow: var(--_ui5_textarea_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_Shadow);
 }
 
 .ui5-textarea-root {
@@ -71,6 +72,10 @@
 	pointer-events: none;
 }
 
+:host(:not([readonly])) .ui5-textarea-wrapper {
+	box-shadow: var(--sapField_Shadow);
+}
+
 :host([value-state]) .ui5-textarea-wrapper {
 	border-color: inherit;
 }
@@ -296,6 +301,7 @@
 	background: var(--sapField_InvalidBackgroundStyle);
 	background-color: var(--sapField_InvalidBackground);
 	border-color: var(--sapField_InvalidColor);
+	box-shadow: var(--sapField_InvalidShadow);
 }
 
 :host([value-state="Error"][focused]:not([readonly]):not([disabled])) .ui5-textarea-wrapper {
@@ -309,7 +315,7 @@
 
 :host([value-state="Error"]:not([readonly]):not([focused]):not([disabled]):hover) .ui5-textarea-wrapper {
 	background-color: var(--_ui5_textarea_error_hover_background_color);
-	box-shadow: var(--_ui5_textarea_value_state_error_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_InvalidShadow);
 }
 
 :host([value-state="Error"]:not([readonly]):not([disabled])) .ui5-textarea-inner,
@@ -335,6 +341,7 @@
 	background: var(--sapField_WarningBackgroundStyle);
 	background-color: var(--sapField_WarningBackground);
 	border-color: var(--sapField_WarningColor);
+	box-shadow: var(--sapField_WarningShadow);
 }
 
 :host([value-state="Warning"][focused]:not([readonly])) .ui5-textarea-wrapper {
@@ -348,7 +355,7 @@
 
 :host([value-state="Warning"]:not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper {
 	background-color: var(--sapField_Hover_Background);
-	box-shadow: var(--_ui5_textarea_value_state_warning_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_WarningShadow);
 }
 
 :host([value-state="Success"]:not([readonly]):not([disabled])) .ui5-textarea-wrapper {
@@ -356,6 +363,7 @@
 	background-color: var(--sapField_SuccessBackground);
 	border-color: var(--sapField_SuccessColor);
 	border-width: var(--sapField_BorderWidth);
+	box-shadow: var(--sapField_SuccessShadow);
 }
 
 :host([value-state="Success"][focused]:not([readonly])) .ui5-textarea-wrapper {
@@ -370,7 +378,7 @@
 
 :host([value-state="Success"]:not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper {
 	background-color: var(--sapField_Hover_Background);
-	box-shadow: var(--_ui5_textarea_value_state_success_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_SuccessShadow);
 }
 
 :host([value-state][value-state="Success"]) .ui5-textarea-inner {
@@ -385,6 +393,7 @@
 	background: var(--sapField_InformationBackgroundStyle);
 	background-color: var(--sapField_InformationBackground);
 	border-color: var(--sapField_InformationColor);
+	box-shadow: var(--sapField_InformationShadow);
 }
 
 :host([value-state="Information"][focused]:not([readonly])) .ui5-textarea-wrapper {
@@ -399,7 +408,7 @@
 
 :host([value-state="Information"]:not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper {
 	background-color: var(--sapField_Hover_Background);
-	box-shadow: var(--_ui5_textarea_value_state_information_hover_box_shadow);
+	box-shadow: var(--sapField_Hover_InformationShadow);
 }
 
 .ui5-textarea-exceeded-text {
@@ -414,7 +423,7 @@
 	display: none;
 }
 
-:host(:not([disabled])) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {
+:host :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar {
 	background: var(--sapField_BackgroundStyle);
 	background-color: var(--sapScrollBar_TrackColor);
 	border-top-right-radius: var(--sapField_BorderCornerRadius);

package/src/themes/TimePicker.css

@@ -14,6 +14,7 @@
 	color: var(--sapField_TextColor);
 	background-color: var(--sapField_Background);
 	border-radius: var(--_ui5-time_picker_border_radius);
+	margin: var(--_ui5_input_margin_top_bottom) 0;
 }
 
 :host([value-state="Error"]) {
@@ -37,6 +38,7 @@
 	line-height: inherit;
 	letter-spacing: inherit;
 	word-spacing: inherit;
+	margin: inherit;
 }
 
 .ui5-time-picker-input-icon-button {

package/src/themes/Token.css

@@ -17,21 +17,30 @@
 }
 
 :host(:not([readonly]):hover) {
-	background: var(--_ui5_token_hover_background);
+	background: var(--sapButton_Hover_Background);
 	border-color: var(--_ui5_token_hover_border_color);
-	box-shadow: var(--sapContent_Interaction_Shadow);
 }
 
-:host([selected]:not([readonly]):not([focused])) {
+:host([selected]:not([readonly])) {
 	color: var(--sapButton_Selected_TextColor);
+}
+
+:host([selected]:not([readonly])) {
 	background: var(--sapButton_Selected_Background);
 	border: var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);
+	box-shadow: var(--_ui5_token_selected_box_shadow);
+}
+
+:host([selected]:not([readonly])) .ui5-token--wrapper {
+	border-bottom: var(--_ui5_token_selected_internal_border_bottom);
+	border-bottom-left-radius: var(--_ui5_token_selected_internal_border_bottom_radius);
+	border-bottom-right-radius: var(--_ui5_token_selected_internal_border_bottom_radius);
 }
 
 :host([selected]:not([readonly]):hover) {
 	background: var(--_ui5_token_selected_hover_background);
 	border-color: var(--_ui5_token_selected_hover_border_color);
-	box-shadow: var(--sapContent_Interaction_Shadow);
+	box-shadow: var(--_ui5_token_selected_box_shadow);
 }
 
 :host([readonly]) {
@@ -47,7 +56,13 @@
 	outline: var(--_ui5_token_selected_focus_outline);
 }
 
-:host([focused][selected]:not([readonly])) {
+:host([selected]) .ui5-token--text,
+:host([selected]) .ui5-token--icon {
+	top: var(--_ui5_token_text_icon_top);
+	position: relative;
+}
+
+:host([focused][selected]:not([readonly]):not(:hover)) {
 	background: var(--sapButton_Selected_Background);
 	color: var(--sapButton_Selected_TextColor);
 	border: var(--_ui5_token_focused_selected_border);
@@ -66,6 +81,10 @@
 	user-select: none;
 }
 
+:host([selected]) .ui5-token--wrapper {
+	font-family: var(--_ui5_token_selected_text_font_family);
+}
+
 .ui5-token--wrapper:focus {
 	outline-offset: var(--_ui5_token_outline_offset);
 	outline: var(--_ui5_token_focus_outline);

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

@@ -1,3 +1,3 @@
-[ui5-avatar-group] {
-	--_ui5_button_focused_border: none
+:root {
+	--_ui5_avatar_group_button_focus_border: none;
 }

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

@@ -1,10 +1,11 @@
 :root {
-    --ui5_carousel_background_color: var(--sapBackgroundColor);
+    --ui5_carousel_background_color_solid: var(--sapGroup_ContentBackground);
+    --ui5_carousel_background_color_translucent: var(--sapBackgroundColor);
     --ui5_carousel_button_size: 2.5rem;
     --ui5_carousel_inactive_dot_size: 0.25rem;
     --ui5_carousel_inactive_dot_margin: 0 0.375rem;
-    --ui5_carousel_inactive_dot_border: none;
-    --ui5_carousel_inactive_dot_background: var(--sapContent_NonInteractiveIconColor);
-    --ui5_carousel_active_dot_border: var(--ui5_carousel_inactive_dot_border);
-    --ui5_carousel_active_dot_background: var(--sapSelectedColor);
+    --ui5_carousel_inactive_dot_border: 1px solid var(--sapContent_ForegroundBorderColor);
+    --ui5_carousel_inactive_dot_background: var(--sapContent_ForegroundBorderColor);
+    --ui5_carousel_active_dot_border: 1px solid var(--sapContent_Selected_ForegroundColor);
+    --ui5_carousel_active_dot_background: var(--sapContent_Selected_ForegroundColor);
 }

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

@@ -3,4 +3,5 @@
 	--_ui5-datepicker_border_radius: 0;
 	--_ui5-datepicker-hover-background: var(--sapField_Hover_Background);
 	--_ui5-datepicker_icon_border_radius: 0;
+    
 }

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

@@ -41,4 +41,20 @@
 	--_ui5_daypicker_item_now_not_selected_inset: 0;
 	--_ui5_daypicker_item_now_inset: 0.1875rem;
 	--_ui5_daypicker_item_now_border_color: var(--sapLegend_CurrentDateTime);
+	--_ui5_daypicker_item_weeekend_filter: brightness(100%);
+	--_ui5_daypicker_item_selected_hover: var(--sapContent_Selected_Hover_Background);
+	--_ui5_daypicker_item_border_radius_item: none;
+	--_ui5_daypicker_item_now_selected_outline_offset: -0.3125rem;
+	--_ui5_daypicker_two_calendar_item_now_inset: 0.1875rem;
+	--_ui5_daypicker_item_selected__secondary_type_text_outline: none;
+	--_ui5_daypicker_two_calendar_item_now_day_text_content: none;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_width: 0.0625rem;
+	--_ui5_daypicker_two_calendar_item_border_radius: 0.3125rem;
+	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0rem;
+	--_ui5_daypicker_two_calendar_item_no_selected_inset: 0.125rem;
+	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.0625rem;
+	--_ui5_daypicker_two_calendar_item_no_selected_focus_inset: 0.125rem;
+	--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: 0.0625rem;
+	--_ui5_dp_two_calendar_item_secondary_text_border_radios: 0.25rem;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0.125rem;
 }

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

@@ -1,11 +1,10 @@
 :root {
 	--_ui5_input_width: 13.125rem;
 	--_ui5_input_min_width: 2.75rem;
-	--_ui5_input_height: 2.25rem;
+	--_ui5_input_height: var(--sapElement_Height);
 	--_ui5_input_compact_height: 1.625rem;
 	--_ui5_input_margin_top_bottom: 0.25rem;
 	--_ui5_input_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);
-	--_ui5_input_hover_box_shadow: none;
 	--_ui5_input_value_state_error_hover_background: var(--sapField_Hover_Background);
 	--_ui5_input_background_color: var(--sapField_Background);
 	--_ui5_input_border_radius: var(--sapField_BorderCornerRadius);

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

@@ -8,7 +8,7 @@
 	--_ui5_link_border_focus: 0.0625rem dotted var(--sapContent_FocusColor);
 	--_ui5_link_focus_border-radius: 0;
 	--_ui5_link_focus_background_color: transparent;
-	--_ui5_link_focus_color: inherit;
+	--_ui5_link_focus_color: var(--sapLinkColor);
 	--_ui5_link_focus_text_decoration: underline;
 	--_ui5_link_subtle_text_decoration: none;
 	--_ui5_link_subtle_text_decoration_hover: underline;

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

@@ -0,0 +1,5 @@
+:root {
+	--_ui5_popover_background: var(--sapGroup_ContentBackground);
+	--_ui5_popover_box_shadow: var(--sapContent_Shadow2);
+	--_ui5_popover_no_arrow_box_shadow: var(--sapContent_Shadow1);
+}

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

@@ -22,11 +22,4 @@
 	--_ui5_input_input_background_color: var(--sapField_InvalidBackground);
 	--_ui5_step_input_min_width: 7.25rem;
 	--_ui5_step_input_padding: 2.5rem;
-}
-
-[data-ui5-compact-size],
-.ui5-content-density-compact,
-.sapUiSizeCompact {
-	--_ui5_step_input_min_width: 6rem;
-	--_ui5_step_input_padding: 2rem;
 }

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

@@ -2,14 +2,10 @@
 	/* switch */
 	--_ui5_switch_height: 2.75rem;
 	--_ui5_switch_width: 3.25rem;
-	--_ui5_switch_compact_height: 2rem;
-	--_ui5_switch_compact_width: 2.5rem;
 
 	--_ui5_switch_min_width: 3.875rem;
-	--_ui5_switch_compact_min_width: 3.5rem;
 
 	--_ui5_switch_with_label_width: 100%;
-	--_ui5_switch_compact_with_label_width: 100%;
 
 	--_ui5_switch_focus_outline: var(--_ui5_switch_foucs_border_size) dotted var(--sapContent_FocusColor);
 
@@ -18,9 +14,6 @@
 	--_ui5_switch_root_outline_left: 0;
 	--_ui5_switch_root_outline_right: 0;
 
-	--_ui5_switch_root_compact_outline_top: 0;
-	--_ui5_switch_root_compact_outline_bottom: 0;
-
 	--_ui5_switch_foucs_border_size: 1px;
 
 	--_ui5-switch-root-border-radius: 0;
@@ -31,25 +24,17 @@
 	--_ui5_switch_disabled_opacity: .4;
 
 	--_ui5_switch_transform: translateX(100%) translateX(-1.875rem);
-	--_ui5_switch_compact_transform: translateX(100%) translateX(-1.5rem);
 	--_ui5_switch_transform_with_label: translateX(100%) translateX(-1.875rem);
-	--_ui5_switch_compact_transform_with_label: translateX(100%) translateX( -1.5rem);
 
 	--_ui5_switch_rtl_transform: translateX(-100%) translateX(1.875rem);
-	--_ui5_switch_compact_rtl_transform: translateX(1.5rem) translateX(-100%);
 	--_ui5_switch_rtl_transform_with_label: translateX(-100%) translateX(1.875rem);
-	--_ui5_switch_compact_rtl_transform_with_label: translateX(1.5rem) translateX(-100%);
 
 	/* switch track */
 	--_ui5_switch_track_with_label_width: 100%;
-	--_ui5_switch_track_with_label_compact_width: 100%;
 	--_ui5_switch_track_with_label_height: 1.375rem;
-	--_ui5_switch_track_with_label_compact_height: 1.375rem;
 
 	--_ui5_switch_track_width: 100%;
-	--_ui5_switch_track_compact_width: 100%;
 	--_ui5_switch_track_height: 1.375rem;
-	--_ui5_switch_track_compact_height: 1.375rem;
 
 	--_ui5_switch_track_border_radius: 0.75rem;
 	--_ui5-switch-track-border: 1px solid;
@@ -79,16 +64,12 @@
 
 	/* switch handle */
 	--_ui5_switch_handle_width: 2rem;
-	--_ui5_switch_handle_compact_width: 1.625rem;
 
 	--_ui5_switch_handle_height: 2rem;
-	--_ui5_switch_handle_compact_height: 1.625rem;
 
 	--_ui5_switch_handle_with_label_width: 2rem;
-	--_ui5_switch_handle_with_label_compact_width: 1.625rem;
 
 	--_ui5_switch_handle_with_label_height: 2rem;
-	--_ui5_switch_handle_with_label_compact_height: 1.625rem;
 
 	--_ui5_switch_handle_border: var(--_ui5_switch_handle_border_width) solid var(--sapButton_Handle_BorderColor);
 	--_ui5_switch_handle_border_width: 0.0625rem;
@@ -126,7 +107,6 @@
 	/* switch text */
 	--_ui5_switch_text_font_family: "72override", var(--sapFontFamily);
 	--_ui5_switch_text_font_size: var(--sapFontSmallSize);
-	--_ui5_switch_text_compact_font_size: var(--sapFontSmallSize);
 
 	--_ui5_switch_text_with_label_font_family: "72override", var(--sapFontFamily);
 	--_ui5_switch_text_with_label_font_size: var(--sapFontSmallSize);
@@ -134,12 +114,10 @@
 	--_ui5_switch_text_with_label_width: none;
 
 	--_ui5_switch_text_width: none;
-	--_ui5_switch_text_compact_width: none;
 
 	--_ui5_switch_text_inactive_left: auto;
 	--_ui5_switch_text_inactive_right: 0.125rem;
 	--_ui5_switch_text_active_left: calc(-100% + 2rem);
-	--_ui5_switch_text_compact_active_left: calc(-100% + 1.625rem);
 	--_ui5_switch_text_active_right: auto;
 
 	--_ui5_switch_text_active_color: var(--sapButton_Track_Selected_TextColor);
@@ -155,4 +133,29 @@
 
 	--_ui5_switch_icon_width: 0.75rem;
 	--_ui5_switch_icon_height: 0.75rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_switch_height: 2rem;
+	--_ui5_switch_width: 2.5rem;
+	--_ui5_switch_with_label_width: 100%;
+	--_ui5_switch_root_outline_top: 0;
+	--_ui5_switch_root_outline_bottom: 0;
+	--_ui5_switch_transform: translateX(100%) translateX(-1.5rem);
+	--_ui5_switch_transform_with_label: translateX(100%) translateX( -1.5rem);
+	--_ui5_switch_rtl_transform: translateX(1.5rem) translateX(-100%);
+	--_ui5_switch_rtl_transform_with_label: translateX(1.5rem) translateX(-100%);
+	--_ui5_switch_track_with_label_width: 100%;
+	--_ui5_switch_track_with_label_height: 1.375rem;
+	--_ui5_switch_track_width: 100%;
+	--_ui5_switch_track_height: 1.375rem;
+	--_ui5_switch_handle_width: 1.625rem;
+	--_ui5_switch_handle_height: 1.625rem;
+	--_ui5_switch_handle_with_label_width: 1.625rem;
+	--_ui5_switch_handle_with_label_height: 1.625rem;
+	--_ui5_switch_text_font_size: var(--sapFontSmallSize);
+	--_ui5_switch_text_width: none;
+	--_ui5_switch_text_active_left: calc(-100% + 1.625rem);
 }

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

@@ -7,7 +7,6 @@
 	--_ui5_textarea_error_placeholder_color: var(--sapField_PlaceholderTextColor);
 	--_ui5_textarea_error_hover_background_color: var(--sapField_Hover_Background);
 	--_ui5_textarea_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);
-	--_ui5_textarea_hover_box_shadow: none;
 	--_ui5_textarea_error_warning_border_style: solid;
 	--_ui5_textarea_disabled_opacity: 0.4;
 	--_ui5_textarea_line_height: 1.4;

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

@@ -6,7 +6,6 @@
 	--_ui5_token_focus_outline_width: 0.0625rem;
 	--_ui5_token_outline_offset: -0.125rem;
 	--_ui5_token_text_color: var(--sapButton_TextColor);
-	--_ui5_token_hover_background: var(--sapButton_Hover_Background);
 	--_ui5_token_hover_border_color: var(--sapButton_Hover_BorderColor);
 	--_ui5_token_top_margin: 0.25rem;
 	--_ui5_token_bottom_margin: 0.25rem;
@@ -21,4 +20,9 @@
 	--_ui5_token_focused_selected_border: 1px solid var(--sapButton_Selected_BorderColor);
 	--ui5_token_focus_pseudo_element_content: none;
 	--_ui5_token_focus_offset: -0.25rem;
+	--_ui5_token_selected_text_font_family: "72override", var(--sapFontFamily);
+	--_ui5_token_selected_internal_border_bottom: none;
+	--_ui5_token_selected_internal_border_bottom_radius: 0;
+	--_ui5_token_selected_box_shadow: none;
+	--_ui5_token_text_icon_top: 0;
 }

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

@@ -17,6 +17,10 @@
 	--_ui5_day_picker_item_height: 2.875rem;
 	--_ui5_day_picker_empty_height: 3rem;
 	--_ui5_day_picker_item_justify_content: space-between;
+	--_ui5_dp_two_calendar_item_now_text_padding_top: 0.387rem;
+    --_ui5_dp_two_calendar_item_primary_text_height: 1.8125rem;
+    --_ui5_dp_two_calendar_item_secondary_text_height: 1rem;
+	--_ui5_dp_two_calendar_item_text_padding_top: 0.575rem;
 
 	/* ColorPalette */
 	 --_ui5_color-palette-item-height: 1.75rem;
@@ -34,7 +38,7 @@
 
 	/* Dialog */
 	--_ui5_dialog_content_min_height: 2.75rem;
-    --_ui5_dialog_footer_height: 2.75rem;
+	--_ui5_dialog_footer_height: 2.75rem;
 
 	--_ui5_input_inner_padding: 0 0.625rem;
 	--_ui5_input_inner_padding_with_icon: 0 0.25rem 0 0.625rem;
@@ -79,38 +83,9 @@
 	--_ui5_tl_li_margin_bottom: 1.625rem;
 
 	/*switch*/
-	--_ui5_switch_height: var(--_ui5_switch_height);
-	--_ui5_switch_width: var(--_ui5_switch_width);
-	--_ui5_switch_with_label_width: var(--_ui5_switch_with_label_width);
-
-	--_ui5_switch_root_outline_top: var(--_ui5_switch_root_outline_top);
-	--_ui5_switch_root_outline_bottom: var(--_ui5_switch_root_outline_bottom);
-
-	--_ui5_switch_track_width: var(--_ui5_switch_track_width);
-	--_ui5_switch_track_height: var(--_ui5_switch_track_height);
-	--_ui5_switch_track_with_label_width: var(--_ui5_switch_track_with_label_width);
-	--_ui5_switch_track_with_label_height: var(--_ui5_switch_track_with_label_height);
-	--_ui5_switch_min_width: var(--_ui5_switch_min_width);
-
-	--_ui5_switch_handle_height: var(--_ui5_switch_handle_height);
-	--_ui5_switch_handle_with_label_width: var(--_ui5_switch_handle_with_label_width);
-	--_ui5_switch_handle_width: var(--_ui5_switch_handle_width);
-	--_ui5_switch_handle_with_label_height: var(--_ui5_switch_handle_with_label_height);
-
-	--_ui5_switch_text_active_left: var(--_ui5_switch_text_active_left);
-
-	--_ui5_switch_text_font_size: var(--_ui5_switch_text_font_size);
-	--_ui5_switch_text_width: var(--_ui5_switch_text_width);
-
 	--_ui5_switch_focus_width_size_horizon_exp: calc(100% + 4px);
 	--_ui5_switch_focus_height_size_horizon_exp: calc(100% + 4px);
 
-
-	--_ui5_switch_transform: var(--_ui5_switch_transform);
-	--_ui5_switch_transform_with_label: var(--_ui5_switch_transform_with_label);
-	--_ui5_switch_rtl_transform: var(--_ui5_switch_rtl_transform);
-	--_ui5_switch_rtl_transform_with_label: var(--_ui5_switch_rtl_transform_with_label);
-
 	--_ui5_tc_item_text: 3rem;
 	--_ui5_tc_item_height: 4.75rem;
 	--_ui5_tc_item_text_only_height: 2.75rem;
@@ -222,6 +197,10 @@
 	--_ui5_day_picker_item_height: 2rem;
 	--_ui5_day_picker_empty_height: 2.125rem;
 	--_ui5_day_picker_item_justify_content: flex-end;
+	--_ui5_dp_two_calendar_item_now_text_padding_top: 0rem;
+    --_ui5_dp_two_calendar_item_primary_text_height: 1rem;
+    --_ui5_dp_two_calendar_item_secondary_text_height: 0.75rem;
+	--_ui5_dp_two_calendar_item_text_padding_top: 0;
 
 	/* DateTimePicker */
 	--_ui5_datetime_picker_height: 17rem;
@@ -232,10 +211,10 @@
 
 	/* Dialog */
 	--_ui5_dialog_content_min_height: 2.5rem;
-    --_ui5_dialog_footer_height: 2.5rem;
+	--_ui5_dialog_footer_height: 2.5rem;
 
 	/* Input */
-	--_ui5_input_height: var(--_ui5_input_compact_height);
+	--_ui5_input_height: var(--sapElement_Compact_Height);
 	--_ui5_input_inner_padding: 0 0.5rem;
 	--_ui5_input_inner_padding_with_icon: 0 0.2rem 0 0.5rem;
 	--_ui5_input_inner_space_to_tokenizer: 0.125rem;
@@ -305,35 +284,6 @@
 	--_ui5_wheelslider_arrows_visibility: visible;
 	--_ui5_wheelslider_mobile_selection_frame_margin_top: 128px;
 
-	/*switch*/
-	--_ui5_switch_height: var(--_ui5_switch_compact_height);
-	--_ui5_switch_width: var(--_ui5_switch_compact_width);
-	--_ui5_switch_with_label_width: var(--_ui5_switch_compact_with_label_width);
-
-	--_ui5_switch_root_outline_top: var(--_ui5_switch_root_compact_outline_top);
-	--_ui5_switch_root_outline_bottom: var(--_ui5_switch_root_compact_outline_bottom);
-
-	--_ui5_switch_track_width: var(--_ui5_switch_track_compact_width);
-	--_ui5_switch_track_height: var(--_ui5_switch_track_compact_height);
-	--_ui5_switch_track_with_label_width: var(--_ui5_switch_track_with_label_compact_width);
-	--_ui5_switch_track_with_label_height: var(--_ui5_switch_track_with_label_compact_height);
-	--_ui5_switch_min_width: var(--_ui5_switch_compact_min_width);
-
-	--_ui5_switch_handle_height: var(--_ui5_switch_handle_compact_height);
-	--_ui5_switch_handle_with_label_width: var(--_ui5_switch_handle_with_label_compact_width);
-	--_ui5_switch_handle_width: var(--_ui5_switch_handle_compact_width);
-	--_ui5_switch_handle_with_label_height: var(--_ui5_switch_handle_with_label_compact_height);
-
-	--_ui5_switch_text_active_left: var(--_ui5_switch_text_compact_active_left);
-
-	--_ui5_switch_text_font_size: var(--_ui5_switch_text_compact_font_size);
-	--_ui5_switch_text_width: var(--_ui5_switch_text_compact_width);
-
-	--_ui5_switch_transform: var(--_ui5_switch_compact_transform);
-	--_ui5_switch_transform_with_label: var(--_ui5_switch_compact_transform_with_label);
-	--_ui5_switch_rtl_transform: var(--_ui5_switch_compact_rtl_transform);
-	--_ui5_switch_rtl_transform_with_label: var(--_ui5_switch_compact_rtl_transform_with_label);
-
 	--_ui5_tc_item_text: 2rem;
 	--_ui5_tc_item_text_line_height: 1.325rem;
 	--_ui5_tc_item_icon_size: 1rem;
@@ -375,6 +325,7 @@
 
 	/* StepInput */
 	--_ui5_step_input_min_width: 6rem;
+	--_ui5_step_input_padding: 2rem;
 
 	/* Table */
 	--_ui5_load_more_text_height: 2.625rem;