npm - @ui5/webcomponents - Versions diffs - 0.0.0-354b6d238 → 0.0.0-3790e6927 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1074) hide show

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

@@ -3,22 +3,23 @@
 :root {
 	--_ui5_daypicker_item_border_radius: 0.5rem;
 	--_ui5_daypicker_item_focus_border: 0.0625rem dotted var(--sapContent_FocusColor);
-	--_ui5_daypicker_item_selected_border: 0.125rem solid 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);
 	--_ui5_daypicker_item_selected_focus_color: var(--sapContent_FocusColor);
-	--_ui5_daypicker_item_selected_focus_width: 0.1875rem;
-	--_ui5_daypicker_item_no_selected_inset: 0;
+	--_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_foucs: 0.1875rem solid var(--sapList_SelectionBorderColor);
-	--_ui5_day_picker_item_selected_now_border_radios_foucs: 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-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_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_focus_after: 0.5rem;
+	--_ui5_daypicker_item_border_radius_focus_after: 0.1875rem;
+	--_ui5_daypicker_item_border_radius_item: 0.5rem;
 	--_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;
@@ -26,9 +27,22 @@
 	--_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);
 	--_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.125rem solid var(--sapSelectedColor);
+	--_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_select_between_border: 1px solid var(--sapContent_Selected_ForegroundColor);
+	--_ui5_daypicker_item_now_inset: 0.375rem;
+	--_ui5-dp-item_withsecondtype_border: 0.25rem;
+	--_ui5_daypicker_item_selected__secondary_type_text_outline: 0.125rem 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_border_radius: 0.5rem;
+	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.5rem;
+	--_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_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;
 }

package/src/themes/sap_horizon_dark/Input-parameters.css CHANGED Viewed

@@ -3,11 +3,6 @@
 :root {
 	--_ui5-input-border: none;
 	--_ui5_input_hover_border: none;
-	--_ui5_input_hover_box_shadow: var(--sapContent_Interaction_Shadow);
-	--_ui5_input_value_state_warning_hover_box_shadow: var(--sapContent_Critical_Shadow);
-	--_ui5_input_value_state_success_hover_box_shadow: var(--sapContent_Positive_Shadow);
-	--_ui5_input_value_state_information_hover_box_shadow: var(--sapContent_Informative_Shadow);
-	--_ui5_input_value_state_error_hover_box_shadow: var(--sapContent_Negative_Shadow);
 	--_ui5_input_focus_border_radius: 0.25rem;
 	--_ui5_input_error_warning_border_style: none;
 	--_ui5_input_focused_value_state_error_background: var(--sapField_Hover_Background);

package/src/themes/sap_horizon_dark/Link-parameters.css CHANGED Viewed

@@ -1,10 +1,11 @@
 @import "../base/Link-parameters.css";
 :root {
-	--_ui5_link_text_decoration: none;
-	--_ui5_link_hover_text_decoration: underline;
+	--_ui5_link_text_decoration: var(--sapLink_TextDecoration);
+	--_ui5_link_hover_text_decoration: var(--sapLink_Hover_TextDecoration);
 	--_ui5_link_focused_hover_text_decoration: none;
 	--_ui5_link_focused_hover_text_color: var(--sapContent_ContrastTextColor);
+	--_ui5_link_active_text_decoration: var(--sapLink_Active_TextDecoration);
 	--_ui5_link_border: 0.125rem solid transparent;
 	--_ui5_link_border_focus: 0.125rem solid var(--sapContent_FocusColor);
 	--_ui5_link_focus_border-radius: 0.125rem;

package/src/themes/sap_horizon_dark/Switch-parameters.css CHANGED Viewed

@@ -2,13 +2,10 @@
 :root {
 	/* Switch */
 	--_ui5_switch_width: 3.5rem;
-	--_ui5_switch_compact_width: 3rem;
 	--_ui5_switch_min_width: none;
-	--_ui5_switch_compact_min_width: none;
 	--_ui5_switch_with_label_width: 3.875rem;
-	--_ui5_switch_compact_with_label_width: 3.75rem;
 	--_ui5_switch_focus_outline: none;
 	--_ui5_switch_root_after_outline: 0.125rem solid var(--sapContent_FocusColor);
@@ -20,31 +17,20 @@
 	--_ui5_switch_root_outline_left: 0.375rem;
 	--_ui5_switch_root_outline_right: 0.375rem;
-	--_ui5_switch_root_compact_outline_top: 0.25rem;
-	--_ui5_switch_root_compact_outline_bottom: 0.25rem;
 	--_ui5_switch_disabled_opacity: var(--sapContent_DisabledOpacity);
 	--_ui5_switch_transform: translateX(100%) translateX(-1.625rem);
-	--_ui5_switch_compact_transform: translateX(100%) translateX(-1.375rem);
 	--_ui5_switch_transform_with_label: translateX(100%) translateX(-1.875rem);
-	--_ui5_switch_compact_transform_with_label: translateX(100%) translateX(-1.875rem);
 	--_ui5_switch_rtl_transform: translateX(-100%) translateX(1.625rem);
-	--_ui5_switch_compact_rtl_transform: translateX(1.375rem) translateX(-100%);
 	--_ui5_switch_rtl_transform_with_label: translateX(-100%) translateX(1.875rem);
-	--_ui5_switch_compact_rtl_transform_with_label: translateX(1.875rem) translateX(-100%);
 	/* track */
 	--_ui5_switch_track_width: 2.5rem;
-	--_ui5_switch_track_compact_width: 2rem;
 	--_ui5_switch_track_height: 1.5rem;
-	--_ui5_switch_track_compact_height: 1.25rem;
 	--_ui5_switch_track_with_label_width: 2.875rem;
-	--_ui5_switch_track_with_label_compact_width: 2.75rem;
 	--_ui5_switch_track_with_label_height: 1.5rem;
-	--_ui5_switch_track_with_label_compact_height: 1.25rem;
 	--_ui5_switch_track_active_background_color: var(--sapButton_Track_Selected_Background);
 	--_ui5_switch_track_inactive_background_color: var(--sapButton_Track_Background);
@@ -70,16 +56,12 @@
 	/* handle */
 	--_ui5_switch_handle_width: 1.5rem;
-	--_ui5_switch_handle_compact_width: 1.25rem;
 	--_ui5_switch_handle_height: 1.25rem;
-	--_ui5_switch_handle_compact_height: 1rem;
 	--_ui5_switch_handle_with_label_width: 1.75rem;
-	--_ui5_switch_handle_with_label_compact_width: 1.75rem;
 	--_ui5_switch_handle_with_label_height: 1.25rem;
-	--_ui5_switch_handle_with_label_compact_height: 1rem;
 	--_ui5_switch_handle_border: var(--_ui5_switch_handle_border_width) solid var(--sapButton_Handle_BorderColor);
 	--_ui5_switch_handle_border_width: 0.125rem;
@@ -114,18 +96,15 @@
 	/* switch text */
 	--_ui5_switch_text_font_family: var(--sapContent_IconFontFamily);
 	--_ui5_switch_text_font_size: var(--sapFontLargeSize);
-	--_ui5_switch_text_compact_font_size: var(--sapFontSize);
 	--_ui5_switch_text_width: 1.25rem;
-	--_ui5_switch_text_compact_width: 1rem;
 	--_ui5_switch_text_with_label_font_family: "72-Condensed-Bold" , "72" , "72full" , Arial, Helvetica, sans-serif;
 	--_ui5_switch_text_with_label_font_size: var(--sapFontSmallSize);
-	--_ui5_switch_text_with_label_width: 1.5rem;
+	--_ui5_switch_text_with_label_width: 1.75rem;
 	--_ui5_switch_text_inactive_left: 0.1875rem;
 	--_ui5_switch_text_inactive_right: auto;
 	--_ui5_switch_text_active_left: 0.1875rem;
-	--_ui5_switch_text_compact_active_left: 0.1875rem;
 	--_ui5_switch_text_active_right: auto;
 	--_ui5_switch_text_active_color: var(--sapButton_Handle_Selected_TextColor);
@@ -141,4 +120,29 @@
 	--_ui5_switch_icon_width: 1rem;
 	--_ui5_switch_icon_height: 1rem;
+}
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_switch_width: 3rem;
+	--_ui5_switch_min_width: none;
+	--_ui5_switch_with_label_width: 3.75rem;
+	--_ui5_switch_root_outline_top: 0.25rem;
+	--_ui5_switch_root_outline_bottom: 0.25rem;
+	--_ui5_switch_transform: translateX(100%) translateX(-1.375rem);
+	--_ui5_switch_transform_with_label: translateX(100%) translateX(-1.875rem);
+	--_ui5_switch_rtl_transform: translateX(1.375rem) translateX(-100%);
+	--_ui5_switch_rtl_transform_with_label: translateX(1.875rem) translateX(-100%);
+	--_ui5_switch_track_width: 2rem;
+	--_ui5_switch_track_height: 1.25rem;
+	--_ui5_switch_track_with_label_width: 2.75rem;
+	--_ui5_switch_track_with_label_height: 1.25rem;
+	--_ui5_switch_handle_width: 1.25rem;
+	--_ui5_switch_handle_height: 1rem;
+	--_ui5_switch_handle_with_label_width: 1.75rem;
+	--_ui5_switch_handle_with_label_height: 1rem;
+	--_ui5_switch_text_font_size: var(--sapFontSize);
+	--_ui5_switch_text_width: 1rem;
+	--_ui5_switch_text_active_left: 0.1875rem;
 }

package/src/themes/sap_horizon_dark/TextArea-parameters.css CHANGED Viewed

@@ -2,11 +2,6 @@
 :root {
 	--_ui5_textarea_hover_border: none;
-	--_ui5_textarea_hover_box_shadow: var(--sapContent_Interaction_Shadow);
-	--_ui5_textarea_value_state_warning_hover_box_shadow: var(--sapContent_Critical_Shadow);
-	--_ui5_textarea_value_state_success_hover_box_shadow: var(--sapContent_Positive_Shadow);
-	--_ui5_textarea_value_state_information_hover_box_shadow: var(--sapContent_Informative_Shadow);
-	--_ui5_textarea_value_state_error_hover_box_shadow: var(--sapContent_Negative_Shadow);
 	--_ui5_textarea_focus_border_radius: 0.25rem;
 	--_ui5_textarea_line_height: 1.5;
 	--_ui5_textarea_error_warning_border_style: none;

package/src/themes/sap_horizon_dark/Token-parameters.css CHANGED Viewed

@@ -6,10 +6,17 @@
 	--_ui5_token_selected_focus_outline: none;
 	--_ui5_token_focus_outline: none;
 	--_ui5_token_outline_offset: 0.125rem;
-	--_ui5_token_selected_hover_background: var(--sapButton_Selected_Background);
 	--_ui5_token_selected_hover_border_color: var(--sapButton_Selected_BorderColor);
 	--ui5_token_focus_pseudo_element_content: '';
-	--_ui5_token_focus_outline_border_radius: 0.625rem;
+	--_ui5_token_icon_padding: 0.25rem 0.5rem;
+	--_ui5_token_border_radius: 0.375rem;
+	--_ui5_token_focus_outline_border_radius: .5rem;
+	--_ui5_token_text_color: var(--sapTextColor);
+	--_ui5_token_selected_box_shadow: var(--sapContent_Selected_Shadow);
+	--_ui5_token_selected_text_font_family: var(--sapFontSemiboldDuplexFamily);
+	--_ui5_token_selected_internal_border_bottom: 0.125rem solid var(--sapButton_Selected_BorderColor);
+	--_ui5_token_selected_internal_border_bottom_radius: .1875rem;
+	--_ui5_token_text_icon_top: 0.0625rem;
 }
 [data-ui5-compact-size],

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

@@ -1,5 +1,3 @@
-@import "./sizes-parameters.css";
-@import "../base/rtl-parameters.css";
 @import "./Avatar-parameters.css";
 @import "../sap_horizon/AvatarGroup-parameters.css";
 @import "./Badge-parameters.css";
@@ -29,6 +27,7 @@
 @import "./MonthPicker-parameters.css";
 @import "./MessageStrip-parameters.css";
 @import "./Panel-parameters.css";
+@import "../base/Popover-parameters.css";
 @import "./PopupsCommon-parameters.css";
 @import "../sap_horizon/ProgressIndicator-parameters.css";
 @import "../base/RadioButton-parameters.css";
@@ -61,3 +60,5 @@
 @import "./TableGroupRow-parameters.css";
 @import "./StepInput-parameters.css";
 @import "./GrowingButton-parameters.css";
+@import "./sizes-parameters.css";
+@import "../base/rtl-parameters.css";

package/src/themes/sap_horizon_exp/Input-parameters.css CHANGED Viewed

@@ -6,7 +6,6 @@
 	--_ui5_input_readonly_background: var(--sapNeutralBackground);
 	--_ui5_input_readonly_border_color: transparent;
 	--_ui5_input_hover_border: 2px solid transparent;
-	--_ui5_input_hover_box_shadow: 0 0 2px rgb(131 150 168 / 16%), 0 8px 16px rgb(131 150 168 / 16%);
 	--_ui5_input_border_radius: 8px;
 	--_ui5_input_placeholder_style: normal;
 	--_ui5_input_placeholder_color: var(--sapNeutralColor);
@@ -23,20 +22,16 @@
 	--_ui5-input-value-state-error-border-botom-color: #d20a0a;
 	--_ui5_input_value_state_error_border_color: transparent;
 	--_ui5_input_focused_value_state_error_border_color: var(--_ui5-input-focused-border-color);
-	--_ui5_input_value_state_error_hover_box_shadow: 0 0 2px rgba(245, 40, 40, 0.16), 0 8px 16px rgba(245, 40, 40, 0.16);
 	--_ui5_input_value_state_warning_border_botom_color: #c35500;
 	--_ui5_input_value_state_warning_border_color: transparent;
 	--_ui5_input_focused_value_state_warning_border_color: var(--_ui5-input-focused-border-color);
-	--_ui5_input_value_state_warning_hover_box_shadow: 0 0 2px rgba(255, 179, 0, 0.16), 0 8px 16px rgba(255, 179, 0, 0.16);
 	--_ui5_input_value_state_success_border_botom_color: #36a41d;
 	--_ui5_input_value_state_success_border_color: transparent;
 	--_ui5_input_focused_value_state_success_border_color: var(--_ui5-input-focused-border-color);
-	--_ui5_input_value_state_success_hover_box_shadow: 0 0 2px rgba(131, 150, 168, 0.16), 0 8px 16px rgba(131, 150, 168, 0.16);
 	--_ui5_input_value_state_success_border_width: 2px;
 	--_ui5_input_value_success_information_border_botom_color: #0070f2;
 	--_ui5_input_value_state_information_border_color: transparent;
 	--_ui5_input_focused_value_state_information_border_color: var(--_ui5-input-focused-border-color);
-	--_ui5_input_value_state_information_hover_box_shadow: 0 0 2px rgba(27, 144, 255, 0.16), 0 8px 16px rgba(27, 144, 255, 0.16);
 	--_ui5-input-value-state-information-border-width: 2px;
 	--_ui5_input_focus_offset: -2px;
 	--_ui5_input_focus_border_radius: 0.5rem;

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

@@ -1,5 +1,3 @@
-@import "../base/sizes-parameters.css";
-@import "../base/rtl-parameters.css";
 @import "../base/Avatar-parameters.css";
 @import "../base/Badge-parameters.css";
 @import "../base/BrowserScrollbar-parameters.css";
@@ -44,4 +42,6 @@
 @import "../base/Tokenizer-parameters.css";
 @import "../base/ValueStateMessage-parameters.css";
 @import "./MultiComboBox-parameters.css";
-@import "./SliderBase-parameters.css";
+@import "./SliderBase-parameters.css";
+@import "../base/sizes-parameters.css";
+@import "../base/rtl-parameters.css";

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

@@ -7,16 +7,17 @@
 	--_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: 0;
+	--_ui5_daypicker_item_no_selected_inset: 0rem;
 	--_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_foucs: 0.1875rem solid var(--sapList_SelectionBorderColor);
-	--_ui5_day_picker_item_selected_now_border_radios_foucs: 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-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;
@@ -24,8 +25,20 @@
 	--_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_now_selected_outline_offset: -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(--sapContent_FocusColor);
+	--_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_two_calendar_item_border_radius: 0.5rem;
+	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.5rem;
+	--_ui5_daypicker_two_calendar_item_no_selected_inset: 0;
+	--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: 0.375rem
 }

package/src/themes/sap_horizon_hcb/Link-parameters.css CHANGED Viewed

@@ -1,9 +1,10 @@
 @import "../base/Link-parameters.css";
 :root {
-	--_ui5_link_text_decoration: underline;
-	--_ui5_link_hover_text_decoration: none;
-	--_ui5_link_active_text_decoration: none;
+	--_ui5_link_text_decoration: var(--sapLink_TextDecoration);
+	--_ui5_link_hover_text_decoration: var(--sapLink_Hover_TextDecoration);
+	--_ui5_link_focused_hover_text_decoration: none;
+	--_ui5_link_active_text_decoration: var(--sapLink_Active_TextDecoration);
 	--_ui5_link_subtle_text_decoration: underline;
 	--_ui5_link_subtle_text_decoration_hover: none;
 	--_ui5_link_border: 0.125rem dotted transparent;

package/src/themes/sap_horizon_hcb/Switch-parameters.css CHANGED Viewed

@@ -8,7 +8,7 @@
 	--_ui5_switch_with_label_width: 3.875rem;
 	--_ui5_switch_compact_with_label_width: 3.75rem;
 	--_ui5_switch_focus_outline: none;
 	--_ui5_switch_root_after_outline: 0.125rem solid var(--sapContent_FocusColor);
@@ -120,7 +120,7 @@
 	--_ui5_switch_text_with_label_font_family: "72-Condensed-Bold" , "72" , "72full" , Arial, Helvetica, sans-serif;
 	--_ui5_switch_text_with_label_font_size: var(--sapFontSmallSize);
-	--_ui5_switch_text_with_label_width: 1.5rem;
+	--_ui5_switch_text_with_label_width: 1.75rem;
 	--_ui5_switch_text_inactive_left: 0.1875rem;
 	--_ui5_switch_text_inactive_right: auto;

package/src/themes/sap_horizon_hcb/Token-parameters.css CHANGED Viewed

@@ -4,16 +4,17 @@
 	--_ui5_token_border_radius: 0.25rem;
 	--_ui5_token_focus_outline_width: 0.125rem;
 	--_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);
-	--_ui5_token_selected_hover_background: var(--sapButton_Hover_Background);
 	--ui5_token_focus_pseudo_element_content: '';
 	--_ui5_token_selected_focus_outline: none;
 	--_ui5_token_focus_outline: none;
-	--_ui5_token_focus_offset: 0.0625rem;
+	--_ui5_token_focus_offset: 0;
 	--_ui5_token_focus_outline_border_radius: 0.25rem;
+	--_ui5_token_selected_box_shadow: var(--sapContent_Selected_Shadow);
+	--_ui5_token_text_color: var(--sapTextColor);
 }
 [data-ui5-compact-size],
 .ui5-content-density-compact,
 .sapUiSizeCompact {
-	--_ui5_token_focus_offset: 0.0625rem;
+	--_ui5_token_focus_offset: 0;
 }

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

@@ -1,5 +1,3 @@
-@import "./sizes-parameters.css";
-@import "../base/rtl-parameters.css";
 @import "./Avatar-parameters.css";
 @import "../base/AvatarGroup-parameters.css";
 @import "./Badge-parameters.css";
@@ -27,6 +25,7 @@
 @import "./MonthPicker-parameters.css";
 @import "./MessageStrip-parameters.css";
 @import "./Panel-parameters.css";
+@import "../base/Popover-parameters.css";
 @import "./PopupsCommon-parameters.css";
 @import "./ProgressIndicator-parameters";
 @import "./RadioButton-parameters.css";
@@ -52,4 +51,6 @@
 @import "./ValueStateMessage-parameters.css";
 @import "../base/MultiComboBox-parameters.css";
 @import "./SliderBase-parameters.css";
-@import "../base/StepInput-parameters.css";
+@import "../base/StepInput-parameters.css";
+@import "./sizes-parameters.css";
+@import "../base/rtl-parameters.css";

package/src/themes/sap_horizon_hcw/DayPicker-parameters.css CHANGED Viewed

@@ -2,6 +2,7 @@
 :root {
 	--_ui5_daypicker_item_border_radius_focus_after: 0.5rem;
+	--_ui5_daypicker_item_border_radius_item: 0.5rem;
 	--_ui5_daypicker_item_border_radius: 0.5rem;
 	--_ui5_daypicker_item_focus_border: 0.0625rem dotted var(--sapContent_FocusColor);
 	--_ui5_daypicker_item_selected_border: 0.125rem solid var(--sapContent_FocusColor);
@@ -11,8 +12,8 @@
 	--_ui5_daypicker_item_no_selected_inset: 0;
 	--_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_foucs: 0.1875rem solid var(--sapList_SelectionBorderColor);
-	--_ui5_day_picker_item_selected_now_border_radios_foucs: 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-dp-item_withsecondtype_border: 0.375rem;
 	--_ui5_daypicker_item_now_border: 0.125rem solid var(--sapLegend_CurrentDateTime);
 	--_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);
@@ -20,6 +21,26 @@
 	--_ui5_daypicker_item_selected_background: var(--sapContent_Selected_Background);
 	--_ui5_daypicker_item_border: 1px solid #fff;
 	--_ui5_daypicker_item_selected_box_shadow: none;
-	--_ui5_daypicker_item_selected_text_outline: 0.125rem solid var(--sapContent_FocusColor);
+	--_ui5_daypicker_item_selected_text_outline: 0.0625rem solid var(--sapContent_FocusColor);
+	--_ui5_daypicker_item_now_selected_outline_offset: -0.25rem;
 	--_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_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_two_calendar_item_border_radius: 0.5rem;
+	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0.5rem;
+	--_ui5_daypicker_two_calendar_item_no_selected_inset: 0;
+	--_ui5_daypicker_item_border_radius_focus_after: 0.5rem;
+	--_ui5_daypicker_item_border_radius_item: 0.5rem;
+	--_ui5_daypicker_item_margin: 0;
+	--_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_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_two_calendar_item_no_select_focus_border_radius: 0.375rem
 }

package/src/themes/sap_horizon_hcw/Link-parameters.css CHANGED Viewed

@@ -1,9 +1,10 @@
 @import "../base/Link-parameters.css";
 :root {
-	--_ui5_link_text_decoration: underline;
-	--_ui5_link_hover_text_decoration: none;
-	--_ui5_link_active_text_decoration: none;
+	--_ui5_link_text_decoration: var(--sapLink_TextDecoration);
+	--_ui5_link_hover_text_decoration: var(--sapLink_Hover_TextDecoration);
+	--_ui5_link_focused_hover_text_decoration: none;
+	--_ui5_link_active_text_decoration: var(--sapLink_Active_TextDecoration);
 	--_ui5_link_subtle_text_decoration: underline;
 	--_ui5_link_subtle_text_decoration_hover: none;
 	--_ui5_link_border: 0.125rem dotted transparent;

package/src/themes/sap_horizon_hcw/Switch-parameters.css CHANGED Viewed

@@ -2,13 +2,10 @@
 :root {
 	/* Switch */
 	--_ui5_switch_width: 3.5rem;
-	--_ui5_switch_compact_width: 3rem;
 	--_ui5_switch_min_width: none;
-	--_ui5_switch_compact_min_width: none;
 	--_ui5_switch_with_label_width: 3.875rem;
-	--_ui5_switch_compact_with_label_width: 3.75rem;
 	--_ui5_switch_focus_outline: none;
 	--_ui5_switch_root_after_outline: 0.125rem solid var(--sapContent_FocusColor);
@@ -20,31 +17,21 @@
 	--_ui5_switch_root_outline_left: 0.375rem;
 	--_ui5_switch_root_outline_right: 0.375rem;
-	--_ui5_switch_root_compact_outline_top: 0.25rem;
-	--_ui5_switch_root_compact_outline_bottom: 0.25rem;
 	--_ui5_switch_disabled_opacity: var(--sapContent_DisabledOpacity);
 	--_ui5_switch_transform: translateX(100%) translateX(-1.625rem);
-	--_ui5_switch_compact_transform: translateX(100%) translateX(-1.375rem);
 	--_ui5_switch_transform_with_label: translateX(100%) translateX(-1.875rem);
-	--_ui5_switch_compact_transform_with_label: translateX(100%) translateX(-1.875rem);
 	--_ui5_switch_rtl_transform: translateX(-100%) translateX(1.625rem);
-	--_ui5_switch_compact_rtl_transform: translateX(1.375rem) translateX(-100%);
 	--_ui5_switch_rtl_transform_with_label: translateX(-100%) translateX(1.875rem);
-	--_ui5_switch_compact_rtl_transform_with_label: translateX(1.875rem) translateX(-100%);
 	/* track */
 	--_ui5_switch_track_width: 2.5rem;
-	--_ui5_switch_track_compact_width: 2rem;
 	--_ui5_switch_track_height: 1.5rem;
-	--_ui5_switch_track_compact_height: 1.25rem;
 	--_ui5_switch_track_with_label_width: 2.875rem;
-	--_ui5_switch_track_with_label_compact_width: 2.75rem;
 	--_ui5_switch_track_with_label_height: 1.5rem;
-	--_ui5_switch_track_with_label_compact_height: 1.25rem;
 	--_ui5_switch_track_active_background_color: var(--sapButton_Track_Selected_Background);
 	--_ui5_switch_track_inactive_background_color: var(--sapButton_Track_Background);
@@ -70,16 +57,12 @@
 	/* handle */
 	--_ui5_switch_handle_width: 1.5rem;
-	--_ui5_switch_handle_compact_width: 1.25rem;
 	--_ui5_switch_handle_height: 1.25rem;
-	--_ui5_switch_handle_compact_height: 1rem;
 	--_ui5_switch_handle_with_label_width: 1.75rem;
-	--_ui5_switch_handle_with_label_compact_width: 1.75rem;
 	--_ui5_switch_handle_with_label_height: 1.25rem;
-	--_ui5_switch_handle_with_label_compact_height: 1rem;
 	--_ui5_switch_handle_border: var(--_ui5_switch_handle_border_width) solid var(--sapButton_Handle_BorderColor);
 	--_ui5_switch_handle_border_width: 0.125rem;
@@ -114,18 +97,15 @@
 	/* switch text */
 	--_ui5_switch_text_font_family: var(--sapContent_IconFontFamily);
 	--_ui5_switch_text_font_size: var(--sapFontLargeSize);
-	--_ui5_switch_text_compact_font_size: var(--sapFontSize);
 	--_ui5_switch_text_width: 1.25rem;
-	--_ui5_switch_text_compact_width: 1rem;
 	--_ui5_switch_text_with_label_font_family: "72-Condensed-Bold" , "72" , "72full" , Arial, Helvetica, sans-serif;
 	--_ui5_switch_text_with_label_font_size: var(--sapFontSmallSize);
-	--_ui5_switch_text_with_label_width: 1.5rem;
+	--_ui5_switch_text_with_label_width: 1.75rem;
 	--_ui5_switch_text_inactive_left: 0.1875rem;
 	--_ui5_switch_text_inactive_right: auto;
 	--_ui5_switch_text_active_left: 0.1875rem;
-	--_ui5_switch_text_compact_active_left: 0.1875rem;
 	--_ui5_switch_text_active_right: auto;
 	--_ui5_switch_text_active_color: var(--sapButton_Handle_Selected_TextColor);
@@ -141,4 +121,29 @@
 	--_ui5_switch_icon_width: 1rem;
 	--_ui5_switch_icon_height: 1rem;
+}
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_switch_width: 3rem;
+	--_ui5_switch_min_width: none;
+	--_ui5_switch_with_label_width: 3.75rem;
+	--_ui5_switch_root_outline_top: 0.25rem;
+	--_ui5_switch_root_outline_bottom: 0.25rem;
+	--_ui5_switch_transform: translateX(100%) translateX(-1.375rem);
+	--_ui5_switch_transform_with_label: translateX(100%) translateX(-1.875rem);
+	--_ui5_switch_rtl_transform: translateX(1.375rem) translateX(-100%);
+	--_ui5_switch_rtl_transform_with_label: translateX(1.875rem) translateX(-100%);
+	--_ui5_switch_track_width: 2rem;
+	--_ui5_switch_track_height: 1.25rem;
+	--_ui5_switch_track_with_label_width: 2.75rem;
+	--_ui5_switch_track_with_label_height: 1.25rem;
+	--_ui5_switch_handle_width: 1.25rem;
+	--_ui5_switch_handle_height: 1rem;
+	--_ui5_switch_handle_with_label_width: 1.75rem;
+	--_ui5_switch_handle_with_label_height: 1rem;
+	--_ui5_switch_text_font_size: var(--sapFontSize);
+	--_ui5_switch_text_width: 1rem;
+	--_ui5_switch_text_active_left: 0.1875rem;
 }

package/src/themes/sap_horizon_hcw/Token-parameters.css CHANGED Viewed

@@ -4,16 +4,17 @@
 	--_ui5_token_border_radius: 0.25rem;
 	--_ui5_token_focus_outline_width: 0.125rem;
 	--_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);
-	--_ui5_token_selected_hover_background: var(--sapButton_Hover_Background);
 	--ui5_token_focus_pseudo_element_content: '';
 	--_ui5_token_selected_focus_outline: none;
 	--_ui5_token_focus_outline: none;
-	--_ui5_token_focus_offset: 0.0625rem;
+	--_ui5_token_focus_offset: 0;
 	--_ui5_token_focus_outline_border_radius: 0.25rem;
+	--_ui5_token_selected_box_shadow: var(--sapContent_Selected_Shadow);
+	--_ui5_token_text_color: var(--sapTextColor);
 }
 [data-ui5-compact-size],
 .ui5-content-density-compact,
 .sapUiSizeCompact {
-	--_ui5_token_focus_offset: 0.0625rem;
+	--_ui5_token_focus_offset: 0;
 }

package/src/themes/sap_horizon_hcw/parameters-bundle.css CHANGED Viewed

@@ -1,5 +1,3 @@
-@import "./sizes-parameters.css";
-@import "../base/rtl-parameters.css";
 @import "./Avatar-parameters.css";
 @import "../base/AvatarGroup-parameters.css";
 @import "./Badge-parameters.css";
@@ -27,6 +25,7 @@
 @import "./MonthPicker-parameters.css";
 @import "./MessageStrip-parameters.css";
 @import "./Panel-parameters.css";
+@import "../base/Popover-parameters.css";
 @import "./PopupsCommon-parameters.css";
 @import "../sap_horizon_hcb/ProgressIndicator-parameters";
 @import "./RadioButton-parameters.css";
@@ -52,4 +51,6 @@
 @import "./ValueStateMessage-parameters.css";
 @import "../base/MultiComboBox-parameters.css";
 @import "./SliderBase-parameters.css";
-@import "../base/StepInput-parameters.css";
+@import "../base/StepInput-parameters.css";
+@import "./sizes-parameters.css";
+@import "../base/rtl-parameters.css";

package/dist/assets/Label.b48eb771.css DELETED Viewed

	@@ -1 +0,0 @@
1	- html,body{margin:0}.group{padding:1rem}.label1auto{background-color:var(--sapBackgroundColor)}.label2auto{width:100px}.label3auto{width:200px}.label4auto{width:600px;text-align:right}.label5auto{display:flex;align-items:center}.label6auto{width:320px;margin:0 16px}.label7auto{display:flex;flex-direction:column}.label8auto{font-style:italic}

package/dist/assets/TimePicker.ad7096e8.css DELETED Viewed

	@@ -1 +0,0 @@
1	- html,body{height:100%}.timepicker1auto{background-color:var(--sapBackgroundColor)}.timepicker2auto{width:100%}