@ui5/webcomponents 1.1.0 → 1.2.0

package/src/themes/ResponsivePopoverCommon.css

@@ -205,3 +205,4 @@
 	position: absolute;
 	right: 1rem;
 }
+

package/src/themes/SelectPopover.css

@@ -1,4 +1,4 @@
-.ui5-select-popover:not(.ui5-valuestatemessage-popover) [ui5-li]:first-child::part(native-li)::after {
+.ui5-select-popover:not(.ui5-select-popover-valuestate) [ui5-li]:first-child::part(native-li)::after {
 	border-top-left-radius: var(--_ui5_select_option_focus_border_radius);
 	border-top-right-radius: var(--_ui5_select_option_focus_border_radius);
 }
@@ -7,4 +7,13 @@
 .ui5-select-popover [ui5-li]:last-child::part(native-li)::after {
 	border-bottom-left-radius: var(--_ui5_select_option_focus_border_radius);
 	border-bottom-right-radius: var(--_ui5_select_option_focus_border_radius);
-}
+}
+
+.ui5-select-popover::part(content),
+.ui5-select-popover::part(header) {
+	padding: 0;
+}
+
+.ui5-select-popover [ui5-li] {
+	height: var(--_ui5_list_item_dropdown_base_height);
+}

package/src/themes/SplitButton.css

@@ -58,7 +58,7 @@
 	border-radius: var(--_ui5_button_border_radius);
 }
 
-:host([design="Emphasized"]) ui5-button[focused] {
+:host([design="Emphasized"]) [ui5-button][focused] {
 	outline-color: transparent;
 }
 

package/src/themes/Suggestions.css

@@ -11,4 +11,18 @@
 .ui5-tokenizer-list [ui5-li][focused]:last-child::part(native-li)::after {
 	border-bottom-left-radius: var(--_ui5_suggestions_item_focus_border_radius);
 	border-bottom-right-radius: var(--_ui5_suggestions_item_focus_border_radius);
-}
+}
+
+.ui5-suggestions-popover::part(header),
+.ui5-suggestions-popover::part(content) {
+	padding: 0;
+}
+
+.ui5-suggestions-popover::part(footer) {
+	padding: 0 1rem;
+}
+
+.ui5-suggestions-popover [ui5-li],
+.ui5-suggestions-popover [ui5-li-suggestion-item] {
+	height: var(--_ui5_list_item_dropdown_base_height);
+}

package/src/themes/TabInOverflow.css

@@ -58,4 +58,8 @@
 .ui5-tab-container-responsive-popover [ui5-li-custom][focused]:last-child::part(native-li)::after {
 	border-bottom-left-radius: var(--_ui5_tc_overflowItem_focus_border);
 	border-bottom-right-radius: var(--_ui5_tc_overflowItem_focus_border);
-}
+}
+
+.ui5-tab-container-responsive-popover::part(content) {
+	padding: 0;
+}

package/src/themes/TableRow.css

@@ -41,6 +41,7 @@
 	padding: .25rem 0;
 	box-sizing: border-box;
 	text-align: center;
+	vertical-align: middle;
 }
 
 :host([mode="SingleSelect"]) .ui5-table-row-root {

package/src/themes/TimePickerPopover.css

@@ -9,3 +9,7 @@
 	margin: 1%;
 	min-width: 20%;
 }
+
+.ui5-time-picker-popover::part(content) {
+	padding: 0;
+}

package/src/themes/Tokenizer.css

@@ -82,3 +82,4 @@
 	margin-right: .25rem;
 	margin-left: 0;
 }
+

package/src/themes/TokenizerPopover.css

@@ -0,0 +1,4 @@
+[ui5-responsive-popover]::part(header),
+[ui5-responsive-popover]::part(content) {
+	padding: 0;
+}

package/src/themes/ValueStateMessage.css

@@ -74,3 +74,13 @@
 	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	border-radius: var(--_ui5_value_state_message_focus_border_radius);
 }
+
+.ui5-valuestatemessage-popover::part(header),
+.ui5-valuestatemessage-popover::part(content) {
+	padding: 0;
+}
+
+.ui5-valuestatemessage-popover::part(header),
+.ui5-valuestatemessage-popover::part(footer) {
+	min-height: 0;
+}

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

@@ -12,50 +12,50 @@
 	--ui5-badge-color-scheme-1-background: var(--sapLegendBackgroundColor1);
 	--ui5-badge-color-scheme-1-hover-background: var(--ui5-badge-color-scheme-1-background);
 	--ui5-badge-color-scheme-1-border: var(--sapAccentColor1);
-	--ui5-badge-color-scheme-1-color: var(--sapAccentColor1);
+	--ui5-badge-color-scheme-1-color: var(--sapTextColor);
 
 	--ui5-badge-color-scheme-2-background: var(--sapLegendBackgroundColor2);
 	--ui5-badge-color-scheme-2-hover-background: var(--ui5-badge-color-scheme-2-background);
 	--ui5-badge-color-scheme-2-border: var(--sapAccentColor2);
-	--ui5-badge-color-scheme-2-color: var(--sapAccentColor2);
+	--ui5-badge-color-scheme-2-color: var(--sapTextColor);
 
 	--ui5-badge-color-scheme-3-background: var(--sapLegendBackgroundColor3);
 	--ui5-badge-color-scheme-3-hover-background: var(--ui5-badge-color-scheme-3-background);
 	--ui5-badge-color-scheme-3-border: var(--sapAccentColor3);
-	--ui5-badge-color-scheme-3-color: var(--sapAccentColor3);
+	--ui5-badge-color-scheme-3-color: var(--sapTextColor);
 
 	--ui5-badge-color-scheme-4-background: var(--sapLegendBackgroundColor5);
 	--ui5-badge-color-scheme-4-hover-background: var(--ui5-badge-color-scheme-4-background);
 	--ui5-badge-color-scheme-4-border: var(--sapAccentColor4);
-	--ui5-badge-color-scheme-4-color: var(--sapAccentColor4);
+	--ui5-badge-color-scheme-4-color: var(--sapTextColor);
 
 	--ui5-badge-color-scheme-5-background: var(--sapLegendBackgroundColor20);
 	--ui5-badge-color-scheme-5-hover-background: var(--ui5-badge-color-scheme-5-background);
 	--ui5-badge-color-scheme-5-border: var(--sapAccentColor5);
-	--ui5-badge-color-scheme-5-color: var(--sapAccentColor5);
+	--ui5-badge-color-scheme-5-color: var(--sapTextColor);
 
 	--ui5-badge-color-scheme-6-background: var(--sapLegendBackgroundColor6);
 	--ui5-badge-color-scheme-6-hover-background: var(--ui5-badge-color-scheme-6-background);
 	--ui5-badge-color-scheme-6-border: var(--sapAccentColor6);
-	--ui5-badge-color-scheme-6-color: var(--sapAccentColor6);
+	--ui5-badge-color-scheme-6-color: var(--sapTextColor);
 
 	--ui5-badge-color-scheme-7-background: var(--sapLegendBackgroundColor7);
 	--ui5-badge-color-scheme-7-hover-background: var(--ui5-badge-color-scheme-7-background);
 	--ui5-badge-color-scheme-7-border: var(--sapAccentColor7);
-	--ui5-badge-color-scheme-7-color: var(--sapAccentColor7);
+	--ui5-badge-color-scheme-7-color: var(--sapTextColor);
 
 	--ui5-badge-color-scheme-8-background: var(--sapLegendBackgroundColor18);
 	--ui5-badge-color-scheme-8-hover-background: var(--ui5-badge-color-scheme-8-background);
 	--ui5-badge-color-scheme-8-border: var(--sapLegendColor18);
-	--ui5-badge-color-scheme-8-color: var(--sapLegendColor18);
+	--ui5-badge-color-scheme-8-color: var(--sapTextColor);
 
 	--ui5-badge-color-scheme-9-background: var(--sapLegendBackgroundColor10);
 	--ui5-badge-color-scheme-9-hover-background: var(--ui5-badge-color-scheme-9-background);
 	--ui5-badge-color-scheme-9-border: var(--sapAccentColor10);
-	--ui5-badge-color-scheme-9-color: var(--sapAccentColor10);
+	--ui5-badge-color-scheme-9-color: var(--sapTextColor);
 
 	--ui5-badge-color-scheme-10-background: var(--sapLegendBackgroundColor9);
 	--ui5-badge-color-scheme-10-hover-background: var(--ui5-badge-color-scheme-10-background);
 	--ui5-badge-color-scheme-10-border: var(--sapAccentColor9);
-	--ui5-badge-color-scheme-10-color: var(--sapAccentColor9);
+	--ui5-badge-color-scheme-10-color: var(--sapTextColor);
 }

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

@@ -10,8 +10,8 @@
 	--_ui5_daypicker_item_othermonth_hover_color: var(--sapContent_LabelColor);
 	--_ui5_daypicker_item_border_radius: 0;
 	--_ui5_daypicker_item_now_inner_border_radius: 0;
-	--_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);
-	--_ui5_daypicker_weekname_color: var(--sapContent_LabelColor);
+	--_ui5_daypicker_dayname_color: var(--sapTextColor);
+	--_ui5_daypicker_weekname_color: var(--sapTextColor);
 	--_ui5_daypicker_item_outline_width: 1px;
 	--_ui5_daypicker_item_outline_offset: 1px;
 	--_ui5_daypicker_item_now_selected_outline_offset: 2px;

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

@@ -6,4 +6,4 @@
 	--_ui5_dialog_header_border_radius: 0px;
 	--_ui5_dialog_resize_handle_right: -0.25rem;
 	--_ui5_dialog_resize_handle_bottom: -0.0625rem;
-}
+}

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

@@ -2,6 +2,7 @@
 	--ui5-listitem-background-color: var(--sapList_Background);
 	--ui5-listitem-border-bottom: 1px solid var(--sapList_BorderColor);
 	--ui5-listitem-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);
+	--ui5-listitem-focused-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);
 	--ui5-listitem-active-border-color: var(--sapContent_ContrastFocusColor);
 	--_ui5_listitembase_focus_width: 1px;
 	--_ui5-listitembase_disabled_opacity: 0.5;

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

@@ -1,5 +1,10 @@
 :root {
-	--_ui5_popup_content_padding: .4375em;
+	--_ui5_popup_content_padding_s: 1rem;
+	--_ui5_popup_content_padding_m_l: 2rem;
+	--_ui5_popup_content_padding_xl: 3rem;
+	--_ui5_popup_header_footer_padding_s: 1rem;
+	--_ui5_popup_header_footer_padding_m_l: 2rem;
+	--_ui5_popup_header_footer_padding_xl: 3rem;
 	--_ui5_popup_viewport_margin: 10px;
 	--_ui5-popup-border-radius: 0.25rem;
 	--_ui5_popup_header_shadow: var(--sapContent_Shadow0);

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

@@ -54,4 +54,11 @@
 	--_ui5_range_slider_progress_focus_padding: 0 1.375rem 0 1.438rem;
 	--_ui5_range_slider_progress_focus_height: 2rem;
 	--_ui5_range_slider_legacy_progress_focus_display: block;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_slider_handle_focused_top: -0.625rem;
+	--_ui5_slider_handle_focused_margin_left: -0.75rem;
 }

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

@@ -3,26 +3,16 @@
 	--_ui5_switch_height: 2.75rem;
 	--_ui5_switch_width: 3.875rem;
 	--_ui5_switch_no_label_width: 3.25rem;
-	--_ui5_switch_no_label_width_horizon: 3.875rem;
 
 	--_ui5_switch_root_outline_top_bottom: 0.25rem;
-	--_ui5_switch_root_outline_left_right: -0.125rem;
-	--_ui5_switch_root_outline_top_bottom_horizon: 0.3125rem;
-	--_ui5_switch_root_outline_left_right_horizon: -0.0625rem;
-	--_ui5_switch_root_outline_top_bottom_hcb: 0.1875rem;
-	--_ui5_switch_root_outline_left_right_hcb: -0.1875rem;
+	--_ui5_switch_root_outline_left_right: 0;
 
 	--_ui5_switch_compact_height: 2rem;
 	--_ui5_switch_compact_width: 3.5rem;
 	--_ui5_switch_compact_no_label_width: 2.5rem;
-	--_ui5_switch_compact_no_label_width_horizon: 3.5rem;
 
 	--_ui5_switch_compact_root_outline_top_bottom: 0.0625rem;
-	--_ui5_switch_compact_root_outline_left_right: -0.125rem;
-	--_ui5_switch_compact_root_outline_top_bottom_horizon: 0.125em;
-	--_ui5_switch_compact_root_outline_left_right_horizon: -0.125rem;
-	--_ui5_switch_compact_root_outline_top_bottom_hcb: 0;
-	--_ui5_switch_compact_root_outline_left_right_hcb: -0.1875rem;
+	--_ui5_switch_compact_root_outline_left_right: 0;
 	
 	--_ui5_switch_foucs_border_size: 1px;
 	--_ui5_switch_focus_outline: var(--_ui5_switch_foucs_border_size) dotted var(--sapContent_FocusColor);
@@ -36,7 +26,6 @@
 	/* switch track */
 	--_ui5_switch_track_height: 1.375rem;
 	--_ui5_switch_track_no_label_height: 1.25rem;
-	--_ui5_switch_track_no_label_height_horizont:var(--_ui5_switch_track_height);
 	--_ui5-switch-track-border: 1px solid;
 	--_ui5-switch-track-border_color: var(--sapContent_ForegroundBorderColor);
 	--_ui5-switch_handle-off-hover_box_shadow: none;

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

@@ -1,8 +1,8 @@
 :root {
-	--ui5_title_level_1Size: 1.625rem;
-	--ui5_title_level_2Size: 1.375rem;
-	--ui5_title_level_3Size: 1.250rem;
-	--ui5_title_level_4Size: 1.125rem;
-	--ui5_title_level_5Size: 1rem;
-	--ui5_title_level_6Size: 0.875rem;
+	--ui5_title_level_1Size: var(--sapFontHeader1Size);
+	--ui5_title_level_2Size: var(--sapFontHeader2Size);
+	--ui5_title_level_3Size: var(--sapFontHeader3Size);
+	--ui5_title_level_4Size: var(--sapFontHeader4Size);
+	--ui5_title_level_5Size: var(--sapFontHeader5Size);
+	--ui5_title_level_6Size: var(--sapFontHeader6Size);
 }

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

@@ -2,7 +2,9 @@
 	/* Calendar */
 	--_ui5_calendar_height: 24.5rem;
 	--_ui5_calendar_width: 20.5rem;
-	--_ui5_calendar_padding: 0.75rem;
+	--_ui5_calendar_padding: 1rem;
+	--_ui5_calendar_left_right_padding:  0.5rem;
+	--_ui5_calendar_top_bottom_padding: 1rem;
 	--_ui5_calendar_header_height: 3rem;
 	--_ui5_calendar_header_arrow_button_width: 2.5rem;
 	--_ui5_calendar_header_padding: 0.25rem 0;
@@ -40,6 +42,7 @@
 	--_ui5_list_item_title_size: var(--sapFontLargeSize);
 	--_ui5_list_item_img_size: 3rem;
 	--_ui5_list_item_img_margin: 0.5rem 0.75rem 0.5rem 0rem;
+	--_ui5_list_item_dropdown_base_height: 2.5rem;
 	--_ui5_list_item_base_height: 2.75rem;
 	--_ui5_list_item_icon_size: 1.125rem;
 	--_ui5_list_item_selection_btn_margin_top: calc(-1 * var(--_ui5_checkbox_wrapper_padding));
@@ -131,7 +134,8 @@
 	/* Calendar */
 	--_ui5_calendar_height: 18rem;
 	--_ui5_calendar_width: 17.75rem;
-	--_ui5_calendar_padding: 0.5rem;
+	--_ui5_calendar_left_right_padding: 0.25rem;
+	--_ui5_calendar_top_bottom_padding: 0.5rem;
 	--_ui5_calendar_header_height: 2rem;
 	--_ui5_calendar_header_arrow_button_width: 2rem;
 	--_ui5_calendar_header_padding: 0;
@@ -197,6 +201,7 @@
 	--_ui5_list_item_cb_margin_right: .5rem;
 	--_ui5_list_item_title_size: var(--sapFontSize);
 	--_ui5_list_item_img_margin: 0.55rem 0.75rem 0.5rem 0rem;
+	--_ui5_list_item_dropdown_base_height: 2rem;
 	--_ui5_list_item_base_height: 2rem;
 	--_ui5_list_item_icon_size: 1rem;
 	--_ui5_list_item_selection_btn_margin_top: calc(-1 * var(--_ui5_checkbox_wrapper_padding));
@@ -234,16 +239,11 @@
 	--_ui5_switch_text_on_left: calc(-100% + 1.5625rem);
 	--_ui5_switch_slide_transform: translateX(100%) translateX(-1.5rem);
 	--_ui5_switch_no_label_width: var(--_ui5_switch_compact_no_label_width);
-	--_ui5_switch_no_label_width_horizon: var(--_ui5_switch_compact_no_label_width_horizon);
 	--_ui5_switch_rtl_transform: translateX(-100%) translateX(1.5rem);
 	--_ui5_switch_text_right: calc(-100% + 1.5625rem);
 
 	--_ui5_switch_root_outline_top_bottom: var(--_ui5_switch_compact_root_outline_top_bottom);
 	--_ui5_switch_root_outline_left_right: var(--_ui5_switch_compact_root_outline_left_right);
-	--_ui5_switch_root_outline_top_bottom_horizon: var(--_ui5_switch_compact_root_outline_top_bottom_horizon);
-	--_ui5_switch_root_outline_left_right_horizon: var(--_ui5_switch_compact_root_outline_left_right_horizon);
-	--_ui5_switch_root_outline_top_bottom_hcb: var(--_ui5_switch_compact_root_outline_top_bottom_hcb);
-	--_ui5_switch_root_outline_left_right_hcb: var(--_ui5_switch_compact_root_outline_left_right_hcb);
 
 	--_ui5_tc_item_text: 2rem;
 	--_ui5_tc_item_text_line_height: 1.325rem;

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

@@ -2,10 +2,8 @@
 
 :root {
 	/* Switch */
-	--_ui5_switch_root_outline_top_bottom: var(--_ui5_switch_root_outline_top_bottom_hcb);
-	--_ui5_switch_root_outline_left_right: var(--_ui5_switch_root_outline_left_right_hcb);
-	--_ui5_switch_compact_root_outline_top_bottom: var(--_ui5_switch_compact_root_outline_top_bottom_hcb);
-	--_ui5_switch_compact_root_outline_left_right: var(--_ui5_switch_compact_root_outline_left_right_hcb);
+	--_ui5_switch_root_outline_top_bottom: 0.1875rem;
+	--_ui5_switch_compact_root_outline_top_bottom: 0;
 	--_ui5_switch_foucs_size: 0.125rem;
 	--_ui5_switch_root_after_outline: none;
 	--_ui5_switch_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);

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

@@ -2,10 +2,8 @@
 
 :root {
 	/* Switch */
-	--_ui5_switch_root_outline_top_bottom: var(--_ui5_switch_root_outline_top_bottom_hcb);
-	--_ui5_switch_root_outline_left_right: var(--_ui5_switch_root_outline_left_right_hcb);
-	--_ui5_switch_compact_root_outline_top_bottom: var(--_ui5_switch_compact_root_outline_top_bottom_hcb);
-	--_ui5_switch_compact_root_outline_left_right: var(--_ui5_switch_compact_root_outline_left_right_hcb);
+	--_ui5_switch_root_outline_top_bottom: 0.1875rem;
+	--_ui5_switch_compact_root_outline_top_bottom: 0;
 	--_ui5_switch_foucs_size: 0.125rem;
 	--_ui5_switch_root_after_outline: none;
 	--_ui5_switch_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);

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

@@ -4,8 +4,6 @@
 	--_ui5_daypicker_item_margin: 0;
 	--_ui5_daypicker_item_border: 1px solid #000;
 	--_ui5_daypicker_item_border_radius: 0.25rem;
-	--_ui5_daypicker_dayname_color: var(--sapTextColor);
-	--_ui5_daypicker_weekname_color: var(--sapTextColor);
 	--_ui5_daypicker_item_outline_width: 0.125rem;
 	--_ui5_daypicker_item_outline_offset: 0;
 	--_ui5_daypicker_item_now_outline_offset: 2px;

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

@@ -2,10 +2,8 @@
 
 :root {
 	/* Switch */
-	--_ui5_switch_root_outline_top_bottom: var(--_ui5_switch_root_outline_top_bottom_hcb);
-	--_ui5_switch_root_outline_left_right: var(--_ui5_switch_root_outline_left_right_hcb);
-	--_ui5_switch_compact_root_outline_top_bottom: var(--_ui5_switch_compact_root_outline_top_bottom_hcb);
-	--_ui5_switch_compact_root_outline_left_right: var(--_ui5_switch_compact_root_outline_left_right_hcb);
+	--_ui5_switch_root_outline_top_bottom: 0.1875rem;
+	--_ui5_switch_compact_root_outline_top_bottom: 0;
 	--_ui5_switch_foucs_size: 0.125rem;
 	--_ui5_switch_root_after_outline: none;
 	--_ui5_switch_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);

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

@@ -4,8 +4,6 @@
 	--_ui5_daypicker_item_margin: 0;
 	--_ui5_daypicker_item_border: 1px solid #fff;
 	--_ui5_daypicker_item_border_radius: 0.25rem;
-	--_ui5_daypicker_dayname_color: var(--sapTextColor);
-	--_ui5_daypicker_weekname_color: var(--sapTextColor);
 	--_ui5_daypicker_item_outline_width: 0.125rem;
 	--_ui5_daypicker_item_outline_offset: 0;
 	--_ui5_daypicker_item_now_outline_offset: 1px;

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

@@ -2,10 +2,8 @@
 
 :root {
 	/* Switch */
-	--_ui5_switch_root_outline_top_bottom: var(--_ui5_switch_root_outline_top_bottom_hcb);
-	--_ui5_switch_root_outline_left_right: var(--_ui5_switch_root_outline_left_right_hcb);
-	--_ui5_switch_compact_root_outline_top_bottom: var(--_ui5_switch_compact_root_outline_top_bottom_hcb);
-	--_ui5_switch_compact_root_outline_left_right: var(--_ui5_switch_compact_root_outline_left_right_hcb);
+	--_ui5_switch_root_outline_top_bottom: 0.1875rem;
+	--_ui5_switch_compact_root_outline_top_bottom: 0;
 	--_ui5_switch_foucs_size: 0.125rem;
 	--_ui5_switch_root_after_outline: none;
 	--_ui5_switch_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);

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

@@ -8,4 +8,4 @@
 	--_ui5_dialog_resize_handle_right: 1px;
 	--_ui5_dialog_header_focus_offset: -2px;
 	--_ui5_dialog_header_focus_width: 2px;
-}
+}

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

@@ -1,7 +1,6 @@
 @import "../base/ListItemBase-parameters.css";
 
 :root {
+	--ui5-listitem-focused-selected-border-bottom: 1px solid transparent;
 	--ui5-listitem-active-border-color: var(--sapContent_FocusColor);
-    --ui5-listitem-border-bottom: 1px solid transparent;
-	--ui5-listitem-selected-border-bottom: 1px solid transparent;
 }

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

@@ -1,7 +1,6 @@
 @import "../base/PopupsCommon-parameters.css";
 
 :root {
-	--_ui5_popup_content_padding: .4375em;
 	--_ui5_popup_viewport_margin: 10px;
 	--_ui5-popup-border-radius: 0.75rem;
 	--_ui5_popup_header_shadow: none;

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

@@ -8,10 +8,10 @@
 
 	--_ui5_switch_root_after_boreder: none;
 	--_ui5_switch_focus_outline:none;
-	--_ui5_switch_root_outline_top_bottom: var(--_ui5_switch_root_outline_top_bottom_horizon);
-	--_ui5_switch_root_outline_left_right: var(--_ui5_switch_root_outline_left_right_horizon);
-	--_ui5_switch_compact_root_outline_top_bottom: var(--_ui5_switch_compact_root_outline_top_bottom_horizon);
-	--_ui5_switch_compact_root_outline_left_right: var(--_ui5_switch_compact_root_outline_left_right_horizon);
+	--_ui5_switch_root_outline_top_bottom: 0.3125rem;
+	--_ui5_switch_root_outline_left_right: 0.125rem;
+	--_ui5_switch_compact_root_outline_top_bottom: 0.125rem;
+	--_ui5_switch_compact_root_outline_left_right: 0.125rem;
 	--_ui5_switch_root_after_boreder_radius: 0.25rem;
 	--_ui5_switch_handle_semantic_checked_hover_bg: var(--_ui5_switch_handle_checked_bg);
 	--_ui5_switch_handle_semantic_hover_bg: var(--_ui5_switch_handle_checked_bg);
@@ -21,9 +21,9 @@
 	--_ui5_switch_track_semantic_not_checked_border_color: transparent;
 	--_ui5_switch_track_semantic_checked_hover_border_color: transparent;
 	--_ui5_switch_track_semantic_hover_border_color:transparent;
-	--_ui5_switch_no_label_width: var(--_ui5_switch_no_label_width_horizon);
-	--_ui5_switch_compact_no_label_width: var(--_ui5_switch_compact_no_label_width_horizon);
-	--_ui5_switch_track_no_label_height: var(--_ui5_switch_track_no_label_height_horizont);
+	--_ui5_switch_no_label_width: 3.875rem;
+	--_ui5_switch_compact_no_label_width: 3.5rem;
+	--_ui5_switch_track_no_label_height: var(--_ui5_switch_track_height);
 	--_ui5_switch_handle_hover_border_color: transparent;
 	--_ui5-switch-track-icon-display: inline-block;
 	--_ui5-switch_handle-off-hover_box_shadow: var(--sapContent_Interaction_Shadow);

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

@@ -15,7 +15,7 @@
 	--_ui5-switch-root-box-shadow: 0 0 2px rgb(27 144 255 / 16%), 0 8px 16px rgb(27 144 255 / 16%);
 	--_ui5-switch-focus: none;
 	--_ui5_switch_root_outline_top_bottom: -0.25rem;
-	--_ui5_switch_root_outline_left_right: -0.25rem;
+	--_ui5_switch_root_outline_left_right: 0.125rem;;
 	--_ui5_switch_root_after_boreder_radius: 2rem;
 	--_ui5_switch_track_no_label_height: 24px;
 	--_ui5_switch_track_height: 24px;