@ui5/webcomponents 2.22.0-rc.3 → 2.22.0-rc.5

package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js

@@ -458,7 +458,7 @@ export default `:host {
     --_ui5_input_icon_information_pressed_color: var(--sapButton_Active_TextColor);
     --_ui5_input_icon_success_pressed_color: var(--sapButton_Active_TextColor);
     --_ui5_link_text_decoration: var(--sapLink_TextDecoration);
-    --_ui5_link_hover_text_decoration: var(--sapLink_Hover_TextDecoration);
+    --_ui5_link_hover_text_decoration: underline;
     --_ui5_link_focused_hover_text_decoration: none;
     --_ui5_link_focused_hover_text_color: var(--sapLinkColor);
     --_ui5_link_active_text_decoration: var(--sapLink_Active_TextDecoration);
@@ -532,6 +532,7 @@ export default `:host {
     --_ui5_panel_focus_offset: 1px;
     --_ui5_panel_focus_bottom_offset: var(--_ui5_panel_focus_offset);
     --_ui5_panel_content_padding: .625rem 1rem;
+    --_ui5_panel_content_focus_offset: -.1875rem;
     --_ui5_panel_header_background_color: var(--sapGroup_TitleBackground);
     --_ui5_popover_background: var(--sapGroup_ContentBackground);
     --_ui5_popover_box_shadow: var(--sapContent_Shadow2);
@@ -986,110 +987,51 @@ export default `:host {
     --_ui5_value_state_message_popover_header_width: auto;
     --_ui5_value_state_message_icon_offset_phone: 1rem;
     --_ui5_value_state_header_border_bottom: none;
-    --_ui5_slider_progress_container_background: var(--sapSlider_Background);
-    --_ui5_slider_progress_container_dot_display: block;
-    --_ui5_slider_progress_container_dot_background: var(--sapField_BorderColor);
-    --_ui5_slider_progress_border_width: .0625rem;
-    --_ui5_slider_progress_border: solid var(--_ui5_slider_progress_border_width) var(--sapSlider_BorderColor);
-    --_ui5_slider_progress_before_background: var(--sapSlider_Selected_Background);
-    --_ui5_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor);
-    --_ui5_slider_progress_before_border: solid .0625rem var(--sapContent_MeasureIndicatorColor);
-    --_ui5_slider_progress_after_border: solid .0625rem var(--sapContent_Selected_MeasureIndicatorColor);
-    --_ui5_slider_padding: var(--_ui5-compact-size, 1rem 1.0625rem)  var(--_ui5-cozy-size, 1.406rem 1.0625rem);
-    --_ui5_slider_root_height: 3.3125rem;
-    --_ui5_slider_inner_height: .375rem;
     --_ui5_slider_inner_min_width: 4rem;
-    --_ui5_slider_outer_height: var(--_ui5-compact-size, 1.3125rem)  var(--_ui5-cozy-size, calc(var(--_ui5_slider_handle_height) + 9px));
-    --_ui5_slider_progress_border_radius: .25rem;
-    --_ui5_slider_progress_background: var(--sapSlider_Selected_Background);
-    --_ui5_slider_handle_icon_display: inline-block;
-    --_ui5_range_slider_root_hover_handle_icon_display: inline-block;
+    --_ui5_slider_progress_border_width: .0625rem;
+    --_ui5_slider_disabled_opacity: .4;
+    --_ui5_slider_active_progress_left: -.0625rem;
     --_ui5_slider_handle_height: var(--_ui5-compact-size, 1.25rem)  var(--_ui5-cozy-size, 1.5rem);
     --_ui5_slider_handle_width: var(--_ui5-compact-size, 1.5rem)  var(--_ui5-cozy-size, 2rem);
-    --_ui5_slider_handle_border: .0625rem solid var(--sapField_BorderColor);
+    --_ui5_slider_handle_focus_border: .125rem solid var(--sapContent_FocusColor);
+    --ui5_slider_handle_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+    --ui5_slider_handle_outline_offset: .0625rem;
+    --_ui5_slider_handle_background: var(--sapSlider_HandleBackground);
+    --_ui5_slider_handle_border: .0625rem solid var(--sapSlider_HandleBorderColor);
     --_ui5_slider_handle_border_radius: .5rem;
-    --_ui5_slider_handle_background: var(--sapButton_Background);
-    --_ui5_range_slider_handle_background: var(--sapSlider_RangeHandleBackground);
-    --_ui5_slider_track_total_height: var(--_ui5-light-scheme, var(--_ui5-compact-size, var(--_ui5_slider_inner_height))  var(--_ui5-cozy-size, var(--_ui5_slider_inner_height))) var(--_ui5-dark-scheme, var(--_ui5_slider_inner_height));
-    --_ui5_slider_handle_top: var(--_ui5-compact-size, calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2))  var(--_ui5-cozy-size, calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2));
-    --_ui5_slider_tickmark_bg: var(--sapField_BorderColor);
-    --_ui5_slider_tickmark_in_range_bg: var(--sapButton_Active_Background);
-    --_ui5_slider_handle_hover_background: var(--sapButton_Hover_Background);
-    --_ui5_slider_handle_hover_border: var(--_ui5_slider_handle_border);
-    --_ui5_slider_handle_outline: none;
-    --_ui5_slider_handle_focus_border: .125rem solid var(--sapField_BorderColor);
-    --_ui5_slider_handle_outline_offset: .075rem;
-    --_ui5_slider_progress_outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);
-    --_ui5_slider_progress_outline_offset: var(--_ui5-compact-size, -.625rem)  var(--_ui5-cozy-size, -14px);
-    --_ui5_slider_tickmark_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_tickmark_height)) / 2);
-    --_ui5_slider_disabled_opacity: .4;
-    --_ui5_slider_tooltip_fontsize: var(--sapFontSmallSize);
-    --_ui5_slider_tooltip_color: var(--sapContent_LabelColor);
-    --_ui5_slider_tooltip_background: var(--sapField_Background);
-    --_ui5_slider_tooltip_border_radius: var(--sapElement_BorderCornerRadius);
-    --_ui5_slider_tooltip_border_color: var(--sapField_BorderColor);
-    --_ui5_slider_tooltip_border: .0625rem solid var(--_ui5_slider_tooltip_border_color);
-    --_ui5_slider_tooltip_box_shadow: none;
-    --_ui5_slider_tooltip_padding: var(--_ui5-compact-size, .25rem)  var(--_ui5-cozy-size, .25rem);
-    --_ui5_slider_tooltip_height: var(--_ui5-compact-size, 1rem)  var(--_ui5-cozy-size, 1.375rem);
-    --_ui5_slider_tooltip_min_width: 2rem;
-    --_ui5_slider_tooltip_bottom: 2rem;
-    --_ui5_slider_label_fontsize: var(--sapFontSmallSize);
-    --_ui5_slider_label_color: var(--sapContent_LabelColor);
-    --_ui5_range_slider_progress_focus_display: block;
-    --_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + .1875rem) + 2 * var(--_ui5_slider_progress_border_width));
-    --_ui5_range_slider_progress_focus_left: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)));
-    --_ui5_range_slider_progress_focus_padding: 0 1.375rem 0 1.438rem;
-    --_ui5_range_slider_progress_focus_height: calc(var(--_ui5_slider_handle_height) + .375rem);
-    --_ui5_range_slider_legacy_progress_focus_display: none;
-    --_ui5_slider_handle_focus_width: 0;
-    --_ui5_slider_start_end_point_size: .5rem;
-    --_ui5_slider_start_end_point_left: var(--_ui5-compact-size, -.75rem)  var(--_ui5-cozy-size, -.95rem);
-    --_ui5_slider_start_end_point_top: -.125rem;
+    --_ui5_slider_handle_hover_background: var(--sapSlider_Hover_HandleBackground);
+    --_ui5_slider_handle_hover_border: .0625rem solid var(--sapSlider_Hover_HandleBorderColor);
     --_ui5_slider_handle_background_focus: var(--sapSlider_Active_RangeHandleBackground);
-    --_ui5_slider_handle_focused_tooltip_distance: calc(var(--_ui5_slider_tooltip_bottom) - 1px);
+    --_ui5_slider_handle_active_border: .125rem solid var(--sapSlider_Active_HandleBorderColor);
+    --_ui5_slider_handle_icon_display: inline-block;
+    --_ui5_slider_handle_icon_size: .875rem;
     --_ui5_slider_handle_box_sizing: border-box;
-    --_ui5_slider_tooltip_border_box: border-box;
-    --_ui5_range_slider_handle_active_background: var(--sapSlider_Active_RangeHandleBackground);
-    --_ui5_range_slider_active_handle_icon_display: none;
-    --_ui5_range_slider_handle_background_focus: transparent;
-    --_ui5_range_slider_progress_focus_width: 100%;
-    --_ui5_range_slider_root_active_handle_icon_display: none;
-    --_ui5_slider_tickmark_height: .5rem;
-    --_ui5_slider_progress_box_sizing: border-box;
-    --_ui5_slider_active_progress_box_sizing: content-box;
-    --_ui5_range_slider_focus_outline_width: var(--_ui5-compact-size, calc(100% + var(--_ui5_slider_handle_width) + 12px))  var(--_ui5-cozy-size, calc(100% + var(--_ui5_slider_handle_width) + 12px));
-    --_ui5_slider_progress_outline_offset_left: var(--_ui5-compact-size, calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px))  var(--_ui5-cozy-size, calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px));
-    --_ui5_range_slider_focus_outline_radius: .5rem;
-    --_ui5_slider_progress_container_top: 0;
-    --_ui5_slider_progress_height: .375rem;
-    --_ui5_slider_active_progress_border: solid .0625rem var(--sapSlider_Selected_BorderColor);
-    --_ui5_slider_active_progress_border_radius: .25rem;
-    --_ui5_slider_active_progress_left: -.0625rem;
-    --_ui5_slider_active_progress_top: -.0625rem;
-    --_ui5_slider_active_progress_padding: .125rem;
-    --_ui5_slider_active_progress_height: calc(var(--_ui5_slider_progress_height) - .125rem);
-    --_ui5_slider_no_tickmarks_progress_container_top: 0;
-    --_ui5_slider_no_tickmarks_progress_height: var(--_ui5_slider_progress_height);
-    --_ui5_slider_no_tickmarks_active_progress_border: none;
-    --_ui5_slider_no_tickmarks_active_progress_left: 0;
-    --_ui5_slider_no_tickmarks_active_progress_top: 0;
-    --_ui5_slider_no_tickmarks_active_progress_height: calc(var(--_ui5_slider_no_tickmarks_progress_height) - .125rem);
-    --_ui5_slider_handle_focus_visibility: block;
-    --_ui5_slider_handle_icon_size: var(--_ui5-compact-size, .875rem)  var(--_ui5-cozy-size, .875rem);
-    --_ui5_range_slider_root_hover_handle_bg: var(--sapButton_Hover_Background);
-    --_ui5_range_slider_progress_focus_right: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)));
-    --ui5_slider_handle_outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);
-    --ui5_slider_handle_outline_offset: 3px;
-    --ui5_slider_scale_background: var(--sapSlider_Background);
-    --_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);
+    --_ui5_slider_scale_background: var(--sapSlider_Background);
+    --_ui5_slider_scale_progress_background: var(--sapSlider_Selected_Background);
+    --_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);
     --_ui5_slider_scale_dots_distance: var(--_ui5-compact-size, -.75rem)  var(--_ui5-cozy-size, -1rem);
+    --_ui5_slider_scale_dots_display: inline-block;
     --_ui5_slider_scale_tickmark_height: .5rem;
     --_ui5_slider_scale_root_box_sizing: content-box;
-    --_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);
-    --_ui5_slider_scale_progress_height: .375rem;
     --_ui5_slider_scale_progress_top: -1px;
-    --_ui5_slider_scale_dots_display: inline-block;
+    --_ui5_slider_scale_progress_height: .375rem;
+    --_ui5_range_slider_progress_focus_display: block;
+    --_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + .1875rem) + 2 * var(--_ui5_slider_progress_border_width) - .125rem);
+    --_ui5_range_slider_progress_focus_left: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)) - .125rem);
+    --_ui5_range_slider_progress_focus_right: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + .1875rem + var(--_ui5_slider_progress_border_width)) - .125rem - .0625rem);
+    --_ui5_range_slider_progress_focus_height: calc(var(--_ui5_slider_handle_height) + .375rem + .25rem + .0625rem);
+    --_ui5_range_slider_progress_focus_padding: 0 1rem 0 1rem;
+    --_ui5_range_slider_progress_focus_border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+    --_ui5_range_slider_progress_focus_border_radius: .5rem;
+    --_ui5_range_slider_legacy_progress_focus_display: none;
+    --_ui5_range_slider_focus_outline_width: 100%;
+    --_ui5_slider_progress_outline: .0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+    --_ui5_range_slider_focus_outline_radius: 0;
+    --_ui5_slider_progress_outline_offset: var(--_ui5-compact-size, -.625rem)  var(--_ui5-cozy-size, -.8125rem);
+    --_ui5_slider_outer_height: var(--_ui5-compact-size, 1.3125rem)  var(--_ui5-cozy-size, 1.6875rem);
+    --_ui5_slider_progress_outline_offset_left: 0;
+    --_ui5_slider_scale_progress_border_radius: .25rem;
+    --_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);
     --_ui5_step_input_input_error_background_color: var(--sapField_InvalidBackground);
     --_ui5-step_input_button_state_hover_background_color: var(--sapField_Background);
     --_ui5_step_input_border_style: 1px solid var(--sapField_BorderColor);
@@ -1222,13 +1164,15 @@ export default `:host {
     --_ui5_split_button_middle_separator_top: -.0625rem;
     --_ui5_split_button_middle_separator_height: var(--_ui5-compact-size, 1.625rem)  var(--_ui5-cozy-size, 2.25rem);
     --_ui5-toolbar-separator-height: var(--_ui5-compact-size, 1.5rem)  var(--_ui5-cozy-size, 2rem);
-    --_ui5-toolbar-height: var(--_ui5-compact-size, 2rem)  var(--_ui5-cozy-size, 2.75rem);
+    --_ui5-toolbar-height: var(--_ui5-compact-size, var(--sapElement_Compact_LineHeight))  var(--_ui5-cozy-size, var(--sapElement_LineHeight));
     --_ui5_toolbar_overflow_padding: var(--_ui5-compact-size, .1875rem .375rem)  var(--_ui5-cozy-size, .25rem .5rem);
     --_ui5_dynamic_page_title_actions_separator_height: var(--_ui5-compact-size, var(--_ui5-toolbar-separator-height))  var(--_ui5-cozy-size, var(--_ui5-toolbar-separator-height));
     --_ui5-shellbar-separator-height: var(--_ui5-compact-size, 2rem)  var(--_ui5-cozy-size, 2rem);
     --___ui5-test-cozy-only: red;
     --___ui5-test-both: var(--_ui5-compact-size, blue)  var(--_ui5-cozy-size, red);
     --___ui5-test-compact-only: var(--_ui5-compact-size, blue) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
+    --_ui5_slider_tooltip_height: var(--_ui5-compact-size, 1rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
+    --_ui5_slider_tooltip_padding: var(--_ui5-compact-size, .25rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
     --_ui5_rotation_90deg: rotate(90deg);
     --_ui5_rotation_minus_90deg: rotate(-90deg);
     --_ui5_icon_transform_scale: none;