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

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

@@ -1,11 +1,11 @@
 :host {
-	--_slider_root_side_padding: 0 1rem;
-	--_slider_height: 2.75rem;
+	--_ui5_slider_root_side_padding: 0 1rem;
+	--_ui5_slider_height: 2.75rem;
 }
 
 @container style(--ui5_content_density: compact) {
 	:host {
-		--_slider_root_side_padding: 0 .75rem;
-		--_slider_height: 2rem;
+		--_ui5_slider_root_side_padding: 0 .75rem;
+		--_ui5_slider_height: 2rem;
 	}
 }

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

@@ -1,50 +1 @@
 @import "../base/SliderBase-parameters.css";
-
-:host {
-	--_ui5_slider_progress_container_background: var(--sapSlider_Background);
-	--_ui5_slider_progress_container_dot_display: block;
-	--_ui5_slider_progress_background: var(--sapSlider_Selected_Background);
-	--_ui5_slider_progress_before_background: var(--sapSlider_Selected_Background);
-	--_ui5_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor);
-	--_ui5_slider_handle_background: var(--sapSlider_HandleBackground);
-	--_ui5_slider_handle_icon_display: inline-block;
-	--_ui5_slider_handle_border: 0.0625rem solid var(--sapSlider_HandleBorderColor);
-	--_ui5_slider_handle_border_radius: 0.5rem;
-	--_ui5_slider_handle_font_family: "SAP-icons";
-	--_ui5_slider_handle_hover_border: 0.0625rem solid var(--sapSlider_Hover_HandleBorderColor);
-	--_ui5_slider_handle_focus_border: 0.125rem solid var(--sapContent_FocusColor);
-	--_ui5_slider_handle_background_focus: var(--sapSlider_Active_RangeHandleBackground);
-	--_ui5_slider_handle_outline: none;
-	--_ui5_slider_handle_hover_background: var(--sapSlider_Hover_HandleBackground);
-	--_ui5_slider_tooltip_background: var(--sapField_Focus_Background);
-	--_ui5_slider_tooltip_border: none;
-	--_ui5_slider_tooltip_border_radius: 0.5rem;
-	--_ui5_slider_tooltip_box_shadow: var(--sapContent_Shadow1);
-	--_ui5_range_slider_legacy_progress_focus_display: none;
-	--_ui5_range_slider_progress_focus_display: block;
-	--_ui5_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor);
-	--_ui5_slider_tooltip_padding: 0.25rem;
-	--_ui5_slider_tooltip_height: 1.375rem;
-	--_ui5_slider_handle_focus_width: 1px;
-	--_ui5_slider_handle_focused_tooltip_distance: calc(var(--_ui5_slider_tooltip_bottom) - var(--_ui5_slider_handle_focus_width));
-	--_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_progress_focus_height: calc(var(--_ui5_slider_handle_height) + 0.375rem);
-	--_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + 0.1875rem) + var(--_ui5_slider_progress_border_width));
-	--_ui5_range_slider_progress_focus_left: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + 0.1875rem + var(--_ui5_slider_progress_border_width)));
-	--_ui5_range_slider_progress_focus_right: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + 0.1875rem + var(--_ui5_slider_progress_border_width)));
-	--_ui5_range_slider_progress_focus_padding: 0 1rem 0 1rem;
-	--_ui5_range_slider_root_hover_handle_icon_display: inline-block;
-	--_ui5_range_slider_root_hover_handle_bg: var(--_ui5_slider_handle_hover_background);
-	--_ui5_range_slider_root_active_handle_icon_display: none;
-	--_ui5_slider_handle_box_sizing: border-box;
-	--_ui5_range_slider_handle_background: var(--sapSlider_RangeHandleBackground);
-}
-
-@container style(--ui5_content_density: compact) {
-	:host {
-		--_ui5_slider_tooltip_bottom: 1.75rem;
-		--_ui5_slider_handle_focused_tooltip_distance: calc(var(--_ui5_slider_tooltip_bottom) - var(--_ui5_slider_handle_focus_width));
-	}
-}

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

@@ -2,4 +2,5 @@
 
 :host {
 	--ui5_slider_handle_outline: none;
-}
+	--_ui5_slider_handle_icon_display: inline-block;
+}

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

@@ -1,10 +1,9 @@
 @import "../base/SliderScale-parameters.css";
 
 :host {
-	--_ui5_slider_scale_root_box_sizing: border-box;
-	--_ui5_slider_scale_progress_border: none;
 	--_ui5_slider_scale_border: none;
-	--_ui5_slider_scale_progress_height: 100%;
-	--_ui5_slider_scale_progress_top: 0;
 	--_ui5_slider_scale_dots_display: inline-block;
-}
+	--_ui5_range_slider_legacy_progress_focus_display: none;
+	--_ui5_range_slider_progress_focus_display: block;
+	--_ui5_range_slider_progress_focus_padding: 0 1rem 0 1rem;
+}

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

@@ -1,11 +1,11 @@
 :host {
-	--_slider_root_side_padding: 0 1rem;
-	--_slider_height: 2.75rem;
+	--_ui5_slider_root_side_padding: 0 1rem;
+	--_ui5_slider_height: 2.75rem;
 }
 
 @container style(--ui5_content_density: compact) {
 	:host {
-		--_slider_root_side_padding: 0 .75rem;
-		--_slider_height: 2rem;
+		--_ui5_slider_root_side_padding: 0 .75rem;
+		--_ui5_slider_height: 2rem;
 	}
 }

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

@@ -1,50 +1 @@
-@import "../base/SliderBase-parameters.css";
-
-:host {
-	--_ui5_slider_progress_container_background: var(--sapSlider_Background);
-	--_ui5_slider_progress_container_dot_display: block;
-	--_ui5_slider_progress_background: var(--sapSlider_Selected_Background);
-	--_ui5_slider_progress_before_background: var(--sapSlider_Selected_Background);
-	--_ui5_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor);
-	--_ui5_slider_handle_background: var(--sapSlider_HandleBackground);
-	--_ui5_slider_handle_icon_display: inline-block;
-	--_ui5_slider_handle_border: 0.0625rem solid var(--sapSlider_HandleBorderColor);
-	--_ui5_slider_handle_border_radius: 0.5rem;
-	--_ui5_slider_handle_font_family: "SAP-icons";
-	--_ui5_slider_handle_hover_border: 0.0625rem solid var(--sapSlider_Hover_HandleBorderColor);
-	--_ui5_slider_handle_focus_border: 0.125rem solid var(--sapContent_FocusColor);
-	--_ui5_slider_handle_background_focus: var(--sapSlider_Active_RangeHandleBackground);
-	--_ui5_slider_handle_outline: none;
-	--_ui5_slider_handle_hover_background: var(--sapSlider_Hover_HandleBackground);
-	--_ui5_slider_tooltip_background: var(--sapField_Focus_Background);
-	--_ui5_slider_tooltip_border: none;
-	--_ui5_slider_tooltip_border_radius: 0.5rem;
-	--_ui5_slider_tooltip_box_shadow: var(--sapContent_Shadow1);
-	--_ui5_range_slider_legacy_progress_focus_display: none;
-	--_ui5_range_slider_progress_focus_display: block;
-	--_ui5_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor);
-	--_ui5_slider_tooltip_padding: 0.25rem;
-	--_ui5_slider_tooltip_height: 1.375rem;
-	--_ui5_slider_handle_focus_width: 1px;
-	--_ui5_slider_handle_focused_tooltip_distance: calc(var(--_ui5_slider_tooltip_bottom) - var(--_ui5_slider_handle_focus_width));
-	--_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_progress_focus_height: calc(var(--_ui5_slider_handle_height) + 0.375rem);
-	--_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + 0.1875rem) + var(--_ui5_slider_progress_border_width));
-	--_ui5_range_slider_progress_focus_left: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + 0.1875rem + var(--_ui5_slider_progress_border_width)));
-	--_ui5_range_slider_progress_focus_right: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + 0.1875rem + var(--_ui5_slider_progress_border_width)));
-	--_ui5_range_slider_progress_focus_padding: 0 1rem 0 1rem;
-	--_ui5_range_slider_root_hover_handle_icon_display: inline-block;
-	--_ui5_range_slider_root_hover_handle_bg: var(--_ui5_slider_handle_hover_background);
-	--_ui5_range_slider_root_active_handle_icon_display: none;
-	--_ui5_slider_handle_box_sizing: border-box;
-	--_ui5_range_slider_handle_background: var(--sapSlider_RangeHandleBackground);
-}
-
-@container style(--ui5_content_density: compact) {
-	:host {
-		--_ui5_slider_tooltip_bottom: 1.75rem;
-		--_ui5_slider_handle_focused_tooltip_distance: calc(var(--_ui5_slider_tooltip_bottom) - var(--_ui5_slider_handle_focus_width));
-	}
-}
+@import "../base/SliderBase-parameters.css";

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

@@ -1,5 +1 @@
-@import "../base/SliderHandle-parameters.css";
-
-:host {
-	--ui5_slider_handle_outline: none;
-}
+@import "../sap_horizon/SliderHandle-parameters.css";

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

@@ -1,10 +1 @@
-@import "../base/SliderScale-parameters.css";
-
-:host {
-	--_ui5_slider_scale_root_box_sizing: border-box;
-	--_ui5_slider_scale_progress_border: none;
-	--_ui5_slider_scale_border: none;
-	--_ui5_slider_scale_progress_height: 100%;
-	--_ui5_slider_scale_progress_top: 0;
-	--_ui5_slider_scale_dots_display: inline-block;
-}
+@import "../sap_horizon/SliderScale-parameters.css";

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

@@ -0,0 +1 @@
+@import "../base/SliderTooltip-parameters.css";

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

@@ -1,11 +1,11 @@
 :host {
-	--_slider_root_side_padding: 0 1rem;
-	--_slider_height: 2.75rem;
+	--_ui5_slider_root_side_padding: 0 1rem;
+	--_ui5_slider_height: 2.75rem;
 }
 
 @container style(--ui5_content_density: compact) {
 	:host {
-		--_slider_root_side_padding: 0 .75rem;
-		--_slider_height: 2rem;
+		--_ui5_slider_root_side_padding: 0 .75rem;
+		--_ui5_slider_height: 2rem;
 	}
 }

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

@@ -1,71 +1 @@
-@import "../base/SliderBase-parameters.css";
-
-:host {
-	/* handle */
-	--_ui5_slider_handle_icon_display: inline-block;
-	--_ui5_range_slider_root_hover_handle_icon_display: inline-block;
-	--_ui5_slider_handle_hover_border: var(--_ui5_slider_handle_border);
-	--_ui5_slider_handle_background_focus: var(--sapSlider_Active_RangeHandleBackground);
-	--_ui5_slider_handle_focus_border: 0.125rem solid var(--sapField_BorderColor);
-	--_ui5_slider_handle_outline: none;
-	--_ui5_slider_handle_box_sizing: border-box;
-	--_ui5_slider_start_end_point_top: -0.125rem;
-	--_ui5_range_slider_handle_background: var(--sapSlider_RangeHandleBackground);
-	--_ui5_range_slider_root_hover_handle_bg: var(--sapButton_Hover_Background);
-	--_ui5_range_slider_handle_active_background: var(--sapSlider_Active_RangeHandleBackground);
-	--_ui5_slider_inner_height: 0.375rem;
-	--_ui5_slider_track_total_height: var(--_ui5_slider_inner_height);
-	--_ui5_slider_handle_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2);
-	--_ui5_slider_tickmark_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_tickmark_height)) / 2);
-	--_ui5_slider_progress_background: var(--sapSlider_Selected_Background);
-	--_ui5_slider_progress_container_background: var(--sapSlider_Background);
-	--_ui5_slider_progress_container_dot_display: block;
-	--_ui5_slider_progress_before_background: var(--sapSlider_Selected_Background);
-	--_ui5_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor);
-	--_ui5_slider_progress_after_border: solid 0.0625rem var(--sapContent_Selected_MeasureIndicatorColor);
-	--_ui5_slider_progress_before_border: solid 0.0625rem var(--sapContent_MeasureIndicatorColor);
-	--_ui5_slider_progress_outline_offset: -14px;
-	--_ui5_slider_outer_height: calc(var(--_ui5_slider_handle_height) + 9px);
-	--_ui5_slider_progress_outline_offset_left: calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px);
-	--_ui5_slider_progress_outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);
-	--_ui5_range_slider_focus_outline_width: calc(100% + var(--_ui5_slider_handle_width) + 12px);
-	--_ui5_range_slider_focus_outline_radius: .5rem;
-
-	--_ui5_slider_progress_container_top: 0;
-	--_ui5_slider_progress_height: .375rem;
-	--_ui5_slider_active_progress_border: solid 0.0625rem var(--sapSlider_Selected_BorderColor);
-	--_ui5_slider_active_progress_top: -.0625rem;
-
-	--_ui5_slider_no_tickmarks_progress_container_top: 0;
-	--_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_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: 0.0625rem solid var(--_ui5_slider_tooltip_border_color);
-	--_ui5_slider_tooltip_box_shadow: none;
-	--_ui5_slider_tooltip_padding: 0.25rem;
-	--_ui5_slider_tooltip_height: 1.375rem;
-	--_ui5_slider_handle_focused_tooltip_distance: calc(var(--_ui5_slider_tooltip_bottom) - 1px);
-	--_ui5_slider_tooltip_border_box: border-box;
-	--_ui5_slider_handle_focus_visibility: block;
-
-	--_ui5_range_slider_legacy_progress_focus_display: none;
-	--_ui5_range_slider_progress_focus_display: block;
-	--_ui5_range_slider_progress_focus_height: calc(var(--_ui5_slider_handle_height) + 0.375rem);
-	--_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + 0.1875rem) + 2 * var(--_ui5_slider_progress_border_width));
-	--_ui5_range_slider_progress_focus_left: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + 0.1875rem + var(--_ui5_slider_progress_border_width)));
-	--_ui5_range_slider_progress_focus_right: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + 0.1875rem + var(--_ui5_slider_progress_border_width)));
-}
-
-@container style(--ui5_content_density: compact) {
-	:host {
-		--_ui5_slider_handle_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2);
-		--_ui5_range_slider_focus_outline_width: calc(100% + var(--_ui5_slider_handle_width) + 12px);
-		--_ui5_slider_outer_height: calc(var(--_ui5_slider_handle_height) + 10px);
-		--_ui5_slider_progress_outline_offset: calc((-1 * var(--_ui5_slider_outer_height)) + 1rem);
-		--_ui5_slider_progress_outline_offset_left: calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px);
-	}
-}
+@import "../sap_horizon/SliderBase-parameters.css";

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

@@ -1,5 +1,6 @@
-@import "../base/SliderHandle-parameters.css";
+@import "../sap_horizon/SliderHandle-parameters.css";
 
 :host {
-	--ui5_slider_handle_outline_offset: 3px;
-}
+	--ui5_slider_handle_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	--ui5_slider_handle_outline_offset: 0.0625rem;
+}

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

@@ -1,4 +1,4 @@
-@import "../base/SliderScale-parameters.css";
+@import "../sap_horizon/SliderScale-parameters.css";
 
 :host {
 	--_ui5_slider_scale_root_box_sizing: content-box;
@@ -6,5 +6,6 @@
 	--_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);
 	--_ui5_slider_scale_progress_height: 0.375rem;
 	--_ui5_slider_scale_progress_top: -1px;
-	--_ui5_slider_scale_dots_display: inline-block;
+	--_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + 0.1875rem) + 2 * var(--_ui5_slider_progress_border_width) - 0.125rem);
+	--_ui5_range_slider_progress_focus_border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }

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

@@ -0,0 +1 @@
+@import "../base/SliderTooltip-parameters.css";

package/src/themes/sap_horizon_hcw/Slider-parameters.css

@@ -1,11 +1,11 @@
 :host {
-	--_slider_root_side_padding: 0 1rem;
-	--_slider_height: 2.75rem;
+	--_ui5_slider_root_side_padding: 0 1rem;
+	--_ui5_slider_height: 2.75rem;
 }
 
 @container style(--ui5_content_density: compact) {
 	:host {
-		--_slider_root_side_padding: 0 .75rem;
-		--_slider_height: 2rem;
+		--_ui5_slider_root_side_padding: 0 .75rem;
+		--_ui5_slider_height: 2rem;
 	}
 }

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

@@ -1,72 +1 @@
-@import "../base/SliderBase-parameters.css";
-
-:host {
-	/* handle */
-	--_ui5_slider_handle_icon_display: inline-block;
-	--_ui5_range_slider_root_hover_handle_icon_display: inline-block;
-	--_ui5_slider_handle_hover_border: var(--_ui5_slider_handle_border);
-	--_ui5_slider_handle_background_focus: var(--sapSlider_Active_RangeHandleBackground);
-	--_ui5_slider_handle_focus_border: 0.125rem solid var(--sapField_BorderColor);
-	--_ui5_slider_handle_outline: none;
-	--_ui5_slider_handle_box_sizing: border-box;
-	--_ui5_slider_start_end_point_top: -0.125rem;
-	--_ui5_range_slider_handle_background: var(--sapSlider_RangeHandleBackground);
-	--_ui5_range_slider_root_hover_handle_bg: var(--sapButton_Hover_Background);
-	--_ui5_range_slider_handle_active_background: var(--sapSlider_Active_RangeHandleBackground);
-	--_ui5_slider_inner_height: 0.375rem;
-	--_ui5_slider_track_total_height: var(--_ui5_slider_inner_height);
-	--_ui5_slider_handle_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2);
-	--_ui5_slider_tickmark_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_tickmark_height)) / 2);
-	--_ui5_slider_progress_background: var(--sapSlider_Selected_Background);
-	--_ui5_slider_progress_container_background: var(--sapSlider_Background);
-	--_ui5_slider_progress_container_dot_display: block;
-	--_ui5_slider_progress_before_background: var(--sapSlider_Selected_Background);
-	--_ui5_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor);
-	--_ui5_slider_progress_after_border: solid 0.0625rem var(--sapContent_Selected_MeasureIndicatorColor);
-	--_ui5_slider_progress_before_border: solid 0.0625rem var(--sapContent_MeasureIndicatorColor);
-	--_ui5_slider_progress_outline_offset: -14px;
-	--_ui5_slider_outer_height: calc(var(--_ui5_slider_handle_height) + 9px);
-	--_ui5_slider_progress_outline_offset_left: calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px);
-	--_ui5_slider_progress_outline: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);
-	--_ui5_range_slider_focus_outline_width: calc(100% + var(--_ui5_slider_handle_width) + 12px);
-	--_ui5_range_slider_focus_outline_radius: .5rem;
-
-	--_ui5_slider_progress_container_top: 0;
-	--_ui5_slider_progress_height: .375rem;
-	--_ui5_slider_active_progress_border: solid 0.0625rem var(--sapSlider_Selected_BorderColor);
-	--_ui5_slider_active_progress_top: -.0625rem;
-
-	--_ui5_slider_no_tickmarks_progress_container_top: 0;
-	--_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_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: 0.0625rem solid var(--_ui5_slider_tooltip_border_color);
-	--_ui5_slider_tooltip_box_shadow: none;
-	--_ui5_slider_tooltip_padding: 0.25rem;
-	--_ui5_slider_tooltip_height: 1.375rem;
-	--_ui5_slider_handle_focused_tooltip_distance: calc(var(--_ui5_slider_tooltip_bottom) - 1px);
-	--_ui5_slider_tooltip_border_box: border-box;
-	--_ui5_slider_handle_focus_visibility: block;
-
-	--_ui5_range_slider_legacy_progress_focus_display: none;
-	--_ui5_range_slider_progress_focus_display: block;
-	--_ui5_range_slider_progress_focus_height: calc(var(--_ui5_slider_handle_height) + 0.375rem);
-	--_ui5_range_slider_progress_focus_top: calc(-1 * ((var(--_ui5_slider_handle_height) / 2) + 0.1875rem) + 2 * var(--_ui5_slider_progress_border_width));
-	--_ui5_range_slider_progress_focus_left: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + 0.1875rem + var(--_ui5_slider_progress_border_width)));
-	--_ui5_range_slider_progress_focus_right: calc(-1 * ((var(--_ui5_slider_handle_width) / 2) + 0.1875rem + var(--_ui5_slider_progress_border_width)));
-}
-
-@container style(--ui5_content_density: compact) {
-	:host {
-		--_ui5_slider_track_total_height: var(--_ui5_slider_inner_height);
-		--_ui5_slider_handle_top: calc((var(--_ui5_slider_track_total_height) - var(--_ui5_slider_handle_height)) / 2);
-		--_ui5_range_slider_focus_outline_width: calc(100% + var(--_ui5_slider_handle_width) + 12px);
-		--_ui5_slider_outer_height: calc(var(--_ui5_slider_handle_height) + 10px);
-		--_ui5_slider_progress_outline_offset: calc((-1 * var(--_ui5_slider_outer_height)) + 1rem);
-		--_ui5_slider_progress_outline_offset_left: calc(-1 * (var(--_ui5_slider_handle_width) / 2) - 6px);
-	}
-}
+@import "../sap_horizon_hcb/SliderBase-parameters.css";

package/src/themes/sap_horizon_hcw/SliderHandle-parameters.css

@@ -1,5 +1 @@
-@import "../base/SliderHandle-parameters.css";
-
-:host {
-	--ui5_slider_handle_outline_offset: 3px;
-}
+@import "../sap_horizon_hcb/SliderHandle-parameters.css";

package/src/themes/sap_horizon_hcw/SliderScale-parameters.css

@@ -1,10 +1 @@
-@import "../base/SliderScale-parameters.css";
-
-:host {
-	--_ui5_slider_scale_root_box_sizing: content-box;
-	--_ui5_slider_scale_progress_border: 1px solid var(--sapSlider_Selected_BorderColor);
-	--_ui5_slider_scale_border: 1px solid var(--sapSlider_Selected_BorderColor);
-	--_ui5_slider_scale_progress_height: 0.375rem;
-	--_ui5_slider_scale_progress_top: -1px;
-	--_ui5_slider_scale_dots_display: inline-block;
-}
+@import "../sap_horizon_hcb/SliderScale-parameters.css";

package/src/themes/sap_horizon_hcw/SliderTooltip-parameters.css

@@ -0,0 +1 @@
+@import "../base/SliderTooltip-parameters.css";

package/dist/SliderBaseTemplate.d.ts

@@ -1,10 +0,0 @@
-import type { JsxTemplate } from "@ui5/webcomponents-base";
-import type SliderBase from "./SliderBase.js";
-export default function SliderBaseTemplate(this: SliderBase, hooks?: {
-    handlesAriaText?: JsxTemplate;
-    progressBar?: JsxTemplate;
-    handles?: JsxTemplate;
-}): import("@ui5/webcomponents-base").JSX.Element;
-export declare function handlesAriaText(this: SliderBase): void;
-export declare function progressBar(this: SliderBase): void;
-export declare function handles(this: SliderBase): void;

package/dist/SliderBaseTemplate.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
-import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
-export default function SliderBaseTemplate(hooks) {
-    return (_jsxs("div", { class: {
-            "ui5-slider-root": true,
-            "ui5-slider-root-phone": isPhone(),
-        }, onMouseDown: this._onmousedown, onTouchStart: this._onmousedown, onMouseOver: this._onmouseover, onMouseOut: this._onmouseout, onKeyDown: this._onkeydown, onKeyUp: this._onKeyupBase, part: "root-container", children: [(hooks?.handlesAriaText || handlesAriaText).call(this), _jsxs("div", { class: "ui5-slider-inner", children: [!!this.step && this.showTickmarks && _jsxs(_Fragment, { children: [_jsx("ul", { class: "ui5-slider-tickmarks", children: this.tickmarksObject.map(tm => _jsx(_Fragment, { children: tm ?
-                                        _jsx("li", { class: "ui5-slider-tickmark ui5-slider-tickmark-in-range" })
-                                        :
-                                            _jsx("li", { class: "ui5-slider-tickmark" }) })) }), !!this.labelInterval &&
-                                _jsx("ul", { class: {
-                                        "ui5-slider-labels": true,
-                                        "ui5-slider-hidden-labels": this._labelsOverlapping,
-                                    }, children: this._labels.map(l => _jsx("li", { "data-counter": l })) })] }), (hooks?.progressBar || progressBar).call(this), (hooks?.handles || handles).call(this)] }), this.editableTooltip && _jsx(_Fragment, { children: _jsx("span", { id: "ui5-slider-InputDesc", class: "ui5-hidden-text", children: this._ariaDescribedByInputText }) })] }));
-}
-export function handlesAriaText() { }
-export function progressBar() { }
-export function handles() { }
-//# sourceMappingURL=SliderBaseTemplate.js.map

package/dist/SliderBaseTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderBaseTemplate.js","sourceRoot":"","sources":["../src/SliderBaseTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AAIjE,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAmB,KAI5D;IACA,OAAO,CACN,eACC,KAAK,EAAE;YACN,iBAAiB,EAAE,IAAI;YACvB,uBAAuB,EAAE,OAAO,EAAE;SAClC,EACD,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,IAAI,EAAC,gBAAgB,aAEpB,CAAC,KAAK,EAAE,eAAe,IAAI,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAEvD,eAAK,KAAK,EAAC,kBAAkB,aAC3B,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,IAAI,8BACrC,aAAI,KAAK,EAAC,sBAAsB,YAC9B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,4BAC9B,EAAE,CAAC,CAAC;wCACJ,aAAI,KAAK,EAAC,kDAAkD,GAAM;wCAClE,CAAC;4CACD,aAAI,KAAK,EAAC,qBAAqB,GAAM,GAEpC,CAAC,GACA,EACJ,CAAC,CAAC,IAAI,CAAC,aAAa;gCACpB,aAAI,KAAK,EAAE;wCACV,mBAAmB,EAAE,IAAI;wCACzB,0BAA0B,EAAE,IAAI,CAAC,kBAAkB;qCACnD,YAEC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACrB,6BAAkB,CAAC,GAAO,CAC1B,GACG,IAEJ,EAEF,CAAC,KAAK,EAAE,WAAW,IAAI,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAE9C,CAAC,KAAK,EAAE,OAAO,IAAI,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAClC,EACL,IAAI,CAAC,eAAe,IAAI,4BACxB,eAAM,EAAE,EAAC,sBAAsB,EAAC,KAAK,EAAC,iBAAiB,YAAE,IAAI,CAAC,yBAAyB,GAAQ,GAC7F,IAEE,CAEN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,KAAqB,CAAC;AACrD,MAAM,UAAU,WAAW,KAAqB,CAAC;AACjD,MAAM,UAAU,OAAO,KAAqB,CAAC","sourcesContent":["import { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { JsxTemplate } from \"@ui5/webcomponents-base\";\nimport type SliderBase from \"./SliderBase.js\";\n\nexport default function SliderBaseTemplate(this: SliderBase, hooks?: {\n\thandlesAriaText?: JsxTemplate\n\tprogressBar?: JsxTemplate\n\thandles?: JsxTemplate\n}) {\n\treturn (\n\t\t<div\n\t\t\tclass={{\n\t\t\t\t\"ui5-slider-root\": true,\n\t\t\t\t\"ui5-slider-root-phone\": isPhone(),\n\t\t\t}}\n\t\t\tonMouseDown={this._onmousedown}\n\t\t\tonTouchStart={this._onmousedown}\n\t\t\tonMouseOver={this._onmouseover}\n\t\t\tonMouseOut={this._onmouseout}\n\t\t\tonKeyDown={this._onkeydown}\n\t\t\tonKeyUp={this._onKeyupBase}\n\t\t\tpart=\"root-container\"\n\t\t>\n\t\t\t{(hooks?.handlesAriaText || handlesAriaText).call(this)}\n\n\t\t\t<div class=\"ui5-slider-inner\">\n\t\t\t\t{!!this.step && this.showTickmarks && <>\n\t\t\t\t\t<ul class=\"ui5-slider-tickmarks\">\n\t\t\t\t\t\t{this.tickmarksObject.map(tm => <>\n\t\t\t\t\t\t\t{tm ?\n\t\t\t\t\t\t\t\t<li class=\"ui5-slider-tickmark ui5-slider-tickmark-in-range\"></li>\n\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t<li class=\"ui5-slider-tickmark\"></li>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</>)}\n\t\t\t\t\t</ul>\n\t\t\t\t\t{!!this.labelInterval &&\n\t\t\t\t\t\t<ul class={{\n\t\t\t\t\t\t\t\"ui5-slider-labels\": true,\n\t\t\t\t\t\t\t\"ui5-slider-hidden-labels\": this._labelsOverlapping,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._labels.map(l =>\n\t\t\t\t\t\t\t\t<li data-counter={l}></li>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t}\n\t\t\t\t</>}\n\n\t\t\t\t{(hooks?.progressBar || progressBar).call(this)}\n\n\t\t\t\t{(hooks?.handles || handles).call(this)}\n\t\t\t</div>\n\t\t\t{this.editableTooltip && <>\n\t\t\t\t<span id=\"ui5-slider-InputDesc\" class=\"ui5-hidden-text\">{this._ariaDescribedByInputText}</span>\n\t\t\t</>}\n\n\t\t</div>\n\n\t);\n}\n\nexport function handlesAriaText(this: SliderBase) { }\nexport function progressBar(this: SliderBase) { }\nexport function handles(this: SliderBase) { }\n"]}

package/src/SliderBaseTemplate.tsx

@@ -1,65 +0,0 @@
-import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
-import type { JsxTemplate } from "@ui5/webcomponents-base";
-import type SliderBase from "./SliderBase.js";
-
-export default function SliderBaseTemplate(this: SliderBase, hooks?: {
-	handlesAriaText?: JsxTemplate
-	progressBar?: JsxTemplate
-	handles?: JsxTemplate
-}) {
-	return (
-		<div
-			class={{
-				"ui5-slider-root": true,
-				"ui5-slider-root-phone": isPhone(),
-			}}
-			onMouseDown={this._onmousedown}
-			onTouchStart={this._onmousedown}
-			onMouseOver={this._onmouseover}
-			onMouseOut={this._onmouseout}
-			onKeyDown={this._onkeydown}
-			onKeyUp={this._onKeyupBase}
-			part="root-container"
-		>
-			{(hooks?.handlesAriaText || handlesAriaText).call(this)}
-
-			<div class="ui5-slider-inner">
-				{!!this.step && this.showTickmarks && <>
-					<ul class="ui5-slider-tickmarks">
-						{this.tickmarksObject.map(tm => <>
-							{tm ?
-								<li class="ui5-slider-tickmark ui5-slider-tickmark-in-range"></li>
-								:
-								<li class="ui5-slider-tickmark"></li>
-							}
-						</>)}
-					</ul>
-					{!!this.labelInterval &&
-						<ul class={{
-							"ui5-slider-labels": true,
-							"ui5-slider-hidden-labels": this._labelsOverlapping,
-						}}
-						>
-							{this._labels.map(l =>
-								<li data-counter={l}></li>
-							)}
-						</ul>
-					}
-				</>}
-
-				{(hooks?.progressBar || progressBar).call(this)}
-
-				{(hooks?.handles || handles).call(this)}
-			</div>
-			{this.editableTooltip && <>
-				<span id="ui5-slider-InputDesc" class="ui5-hidden-text">{this._ariaDescribedByInputText}</span>
-			</>}
-
-		</div>
-
-	);
-}
-
-export function handlesAriaText(this: SliderBase) { }
-export function progressBar(this: SliderBase) { }
-export function handles(this: SliderBase) { }