@ui5/webcomponents 0.0.0-7c7170d4a → 0.0.0-7d8c57f70

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

@@ -0,0 +1,154 @@
+@import "../base/Badge-parameters.css";
+
+:root {
+	--_ui5-badge-height: 1.375rem;
+	--_ui5-badge-border: none;
+	--_ui5-badge-border-radius: 0.25rem;
+	--_ui5-badge-padding-inline: 0.375em;
+	--_ui5-badge-padding-inline-icon-only: 0.313rem;
+	--_ui5-badge-text-transform: none;
+	--_ui5-badge-icon-height: 1rem;
+	--_ui5-badge-icon-gap: 0.25rem;
+	--_ui5-badge-font-size: var(--sapFontSize);
+	--_ui5-badge-font: var(--sapFontSemiboldDuplexFamily);
+	--_ui5-badge-font-weight: normal;
+	--_ui5-badge-default-border-color: transparent;
+	--_ui5-badge-default-background: var(--ui5-badge-color-scheme-1-background);
+	--_ui5-badge-default-color: var(--ui5-badge-color-scheme-1-color);
+	--_ui5-badge-letter-spacing: normal;
+
+	--ui5-badge-text-shadow: none;
+	--ui5-badge-contrast-text-shadow: none;
+
+	--ui5-badge-color-scheme-1-background: #FFC218;
+	--ui5-badge-color-scheme-1-color: #5F2900;
+
+	--ui5-badge-color-scheme-2-background: #FFBABA;
+	--ui5-badge-color-scheme-2-color: #770606;
+
+	--ui5-badge-color-scheme-3-background: #FEB7D9;
+	--ui5-badge-color-scheme-3-color: #71093D;
+
+	--ui5-badge-color-scheme-4-background: #FFB3F5;
+	--ui5-badge-color-scheme-4-color: #67006F;
+
+	--ui5-badge-color-scheme-5-background: #D6C2FF;
+	--ui5-badge-color-scheme-5-color: #2500BC;
+
+	--ui5-badge-color-scheme-6-background: #8FD4FF;
+	--ui5-badge-color-scheme-6-color: #003776;
+
+	--ui5-badge-color-scheme-7-background: #3CE3C5;
+	--ui5-badge-color-scheme-7-color: #033F45;
+
+	--ui5-badge-color-scheme-8-background: #9BDF47;
+	--ui5-badge-color-scheme-8-color: #0C420C;
+
+	--ui5-badge-color-scheme-9-background: #E0C1EB;
+	--ui5-badge-color-scheme-9-color: #552267;
+
+	--ui5-badge-color-scheme-10-background: #C5CDD3;
+	--ui5-badge-color-scheme-10-color: #2C3A48;
+
+	/* set 2 */
+
+	--ui5-badge-set2-color-scheme-1-color: var(--sapIndicationColor_1_TextColor);
+	--ui5-badge-set2-color-scheme-1-background: var(--sapIndicationColor_1_Background);
+	--ui5-badge-set2-color-scheme-1-border: var(--sapIndicationColor_1_BorderColor);
+
+	--ui5-badge-set2-color-scheme-1-hover-background: var(--sapIndicationColor_1_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-1-active-color: var(--sapIndicationColor_1_Active_TextColor);
+	--ui5-badge-set2-color-scheme-1-active-background: var(--sapIndicationColor_1_Active_Background);
+	--ui5-badge-set2-color-scheme-1-active-border: var(--sapIndicationColor_1_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-2-color: var(--sapIndicationColor_2_TextColor);
+	--ui5-badge-set2-color-scheme-2-background: var(--sapIndicationColor_2_Background);
+	--ui5-badge-set2-color-scheme-2-border: var(--sapIndicationColor_2_BorderColor);
+
+	--ui5-badge-set2-color-scheme-2-hover-background: var(--sapIndicationColor_2b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-2-active-color: var(--sapIndicationColor_2_Active_TextColor);
+	--ui5-badge-set2-color-scheme-2-active-background: var(--sapIndicationColor_2_Active_Background);
+	--ui5-badge-set2-color-scheme-2-active-border: var(--sapIndicationColor_2_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-3-color: var(--sapIndicationColor_3_TextColor);
+	--ui5-badge-set2-color-scheme-3-background: var(--sapIndicationColor_3_Background);
+	--ui5-badge-set2-color-scheme-3-border: var(--sapIndicationColor_3_BorderColor);
+
+	--ui5-badge-set2-color-scheme-3-hover-background: var(--sapIndicationColor_3b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-3-active-color: var(--sapIndicationColor_3_Active_TextColor);
+	--ui5-badge-set2-color-scheme-3-active-background: var(--sapIndicationColor_3_Active_Background);
+	--ui5-badge-set2-color-scheme-3-active-border: var(--sapIndicationColor_3_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-4-color: var(--sapIndicationColor_4_TextColor);
+	--ui5-badge-set2-color-scheme-4-background: var(--sapIndicationColor_4_Background);
+	--ui5-badge-set2-color-scheme-4-border: var(--sapIndicationColor_4_BorderColor);
+
+	--ui5-badge-set2-color-scheme-4-hover-background: var(--sapIndicationColor_4b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-4-active-color: var(--sapIndicationColor_4_Active_TextColor);
+	--ui5-badge-set2-color-scheme-4-active-background: var(--sapIndicationColor_4_Active_Background);
+	--ui5-badge-set2-color-scheme-4-active-border: var(--sapIndicationColor_4_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-5-color: var(--sapIndicationColor_5_TextColor);
+	--ui5-badge-set2-color-scheme-5-background: var(--sapIndicationColor_5_Background);
+	--ui5-badge-set2-color-scheme-5-border: var(--sapIndicationColor_5_BorderColor);
+
+	--ui5-badge-set2-color-scheme-5-hover-background: var(--sapIndicationColor_5b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-5-active-color: var(--sapIndicationColor_5_Active_TextColor);
+	--ui5-badge-set2-color-scheme-5-active-background: var(--sapIndicationColor_5_Active_Background);
+	--ui5-badge-set2-color-scheme-5-active-border: var(--sapIndicationColor_5_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-6-color: var(--sapIndicationColor_6_TextColor);
+	--ui5-badge-set2-color-scheme-6-background: var(--sapIndicationColor_6_Background);
+	--ui5-badge-set2-color-scheme-6-border: var(--sapIndicationColor_6_BorderColor);
+
+	--ui5-badge-set2-color-scheme-6-hover-background: var(--sapIndicationColor_6b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-6-active-color: var(--sapIndicationColor_6_Active_TextColor);
+	--ui5-badge-set2-color-scheme-6-active-background: var(--sapIndicationColor_6_Active_Background);
+	--ui5-badge-set2-color-scheme-6-active-border: var(--sapIndicationColor_6_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-7-color: var(--sapIndicationColor_7_TextColor);
+	--ui5-badge-set2-color-scheme-7-background: var(--sapIndicationColor_7_Background);
+	--ui5-badge-set2-color-scheme-7-border: var(--sapIndicationColor_7_BorderColor);
+
+	--ui5-badge-set2-color-scheme-7-hover-background: var(--sapIndicationColor_7b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-7-active-color: var(--sapIndicationColor_7_Active_TextColor);
+	--ui5-badge-set2-color-scheme-7-active-background: var(--sapIndicationColor_7_Active_Background);
+	--ui5-badge-set2-color-scheme-7-active-border: var(--sapIndicationColor_7_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-8-color: var(--sapIndicationColor_8_TextColor);
+	--ui5-badge-set2-color-scheme-8-background: var(--sapIndicationColor_8_Background);
+	--ui5-badge-set2-color-scheme-8-border: var(--sapIndicationColor_8_BorderColor);
+
+	--ui5-badge-set2-color-scheme-8-hover-background: var(--sapIndicationColor_8b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-8-active-color: var(--sapIndicationColor_8_Active_TextColor);
+	--ui5-badge-set2-color-scheme-8-active-background: var(--sapIndicationColor_8_Active_Background);
+	--ui5-badge-set2-color-scheme-8-active-border: var(--sapIndicationColor_8_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-9-color: var(--sapIndicationColor_9_TextColor);
+	--ui5-badge-set2-color-scheme-9-background: var(--sapIndicationColor_9_Background);
+	--ui5-badge-set2-color-scheme-9-border: var(--sapIndicationColor_9_BorderColor);
+
+	--ui5-badge-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor);
+	--ui5-badge-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background);
+	--ui5-badge-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-10-color: var(--sapIndicationColor_10_TextColor);
+	--ui5-badge-set2-color-scheme-10-background: var(--sapIndicationColor_10_Background);
+	--ui5-badge-set2-color-scheme-10-border: var(--sapIndicationColor_10_BorderColor);
+
+	--ui5-badge-set2-color-scheme-10-hover-background: var(--sapIndicationColor_10b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-10-active-color: var(--sapIndicationColor_10_Active_TextColor);
+	--ui5-badge-set2-color-scheme-10-active-background: var(--sapIndicationColor_10_Active_Background);
+	--ui5-badge-set2-color-scheme-10-active-border: var(--sapIndicationColor_10_Active_BorderColor);
+}

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

@@ -2,4 +2,5 @@
 
 :root {
 	--_ui5_busy_indicator_color: var(--sapContent_BusyColor);
+	--_ui5_busy_indicator_block_layer: color-mix(in oklch, transparent, var(--sapBlockLayer_Background) 30%);
 }

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

@@ -42,5 +42,4 @@
 	--_ui5_checkbox_focus_position: 0.3125rem;
 	--_ui5_checkbox_focus_border_radius: 0.5rem;
 	--_ui5_checkbox_right_focus_distance: var(--_ui5_checkbox_focus_position);
-	--_ui5_checkbox_wrapped_focus_left_top_bottom_position: 0.1875rem;
 }

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

@@ -7,26 +7,4 @@
 	--_ui5_message_strip_focus_width: 0.125rem;
 	--_ui5_message_strip_focus_offset: -4px;
 	--_ui5_message_strip_close_button_right: 0.125rem;
-	--_ui5_message_strip_close_button_color_set_1_background: var(--sapButton_Lite_Hover_Background);
-	--_ui5_message_strip_close_button_color_set_2_background: var(--sapButton_Lite_Hover_Background);
-	--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);
-	--_ui5_message_strip_scheme_1_set_2_border_color:  var(--sapIndicationColor_1_BorderColor);
-	--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);
-	--_ui5_message_strip_scheme_2_set_2_border_color: var(--sapIndicationColor_2_BorderColor);
-	--_ui5_message_strip_scheme_3_set_2_background: var(--sapIndicationColor_3_Background);
-	--_ui5_message_strip_scheme_3_set_2_border_color: var(--sapIndicationColor_3_BorderColor);
-	--_ui5_message_strip_scheme_4_set_2_background: var(--sapIndicationColor_4_Background);
-	--_ui5_message_strip_scheme_4_set_2_border_color: var(--sapIndicationColor_4_BorderColor);
-	--_ui5_message_strip_scheme_5_set_2_background: var(--sapIndicationColor_5_Background);
-	--_ui5_message_strip_scheme_5_set_2_border_color: var(--sapIndicationColor_5_BorderColor);
-	--_ui5_message_strip_scheme_6_set_2_background: var(--sapIndicationColor_6_Background);
-	--_ui5_message_strip_scheme_6_set_2_border_color: var(--sapIndicationColor_6_BorderColor);
-	--_ui5_message_strip_scheme_7_set_2_background: var(--sapIndicationColor_7_Background);
-	--_ui5_message_strip_scheme_7_set_2_border_color: var(--sapIndicationColor_7_BorderColor);
-	--_ui5_message_strip_scheme_8_set_2_background: var(--sapIndicationColor_8_Background);
-	--_ui5_message_strip_scheme_8_set_2_border_color: var(--sapIndicationColor_8_BorderColor);
-	--_ui5_message_strip_scheme_9_set_2_background: var(--sapIndicationColor_9_Background);
-	--_ui5_message_strip_scheme_9_set_2_border_color: var(--sapIndicationColor_9_BorderColor);
-	--_ui5_message_strip_scheme_10_set_2_background: var(--sapIndicationColor_10_Background);
-	--_ui5_message_strip_scheme_10_set_2_border_color: var(--sapIndicationColor_10_BorderColor);
 }

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

@@ -0,0 +1,9 @@
+@import "../base/Table-parameters.css";
+
+:root {
+	--ui5_table_header_row_outline_width: 0.125rem;
+	--ui5_table_header_row_font_family:  var(--sapFontSemiboldDuplexFamily);
+	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
+	--ui5_table_focus_outline_offset: -0.1875rem;
+	--ui5_table_header_row_border_width: 0.1875rem;
+}

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

@@ -0,0 +1,7 @@
+@import "../base/TableGroupRow-parameters.css";
+@import "../base/Toolbar-parameters.css";
+
+:root {
+	--ui5_table_group_row_font-weight: bold;
+	--ui5_table_border_width: 1px 0 1px 0;
+}

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

@@ -0,0 +1,5 @@
+@import "../base/TableRow-parameters.css";
+
+:root {
+	--ui5_table_row_outline_width: 0.125rem;
+}

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

@@ -0,0 +1,17 @@
+@import "../base/WheelSlider-parameters.css";
+
+:root{
+	--_ui5_wheelslider_item_background_color: var(--sapLegend_WorkingBackground);
+	--_ui5_wheelslider_item_text_color: var(--sapTextColor);
+	--_ui_wheelslider_item_hover_color: var(--sapList_Hover_Background);
+	--_ui_wheelslider_item_hovered_color: var(--sapList_Hover_Background);
+	--_ui5_wheelslider_item_border_color: var(--sapList_Background);
+	--_ui5_wheelslider_item_hovered_border_color: var(--sapField_BorderColor);
+	--_ui5_wheelslider_collapsed_item_text_color: var(--sapField_BorderColor);
+	--_ui5_wheelslider_selected_item_background_color: var(--sapContent_Selected_Background);
+	--_ui5_wheelslider_selected_item_hover_background_color: var(--sapButton_Emphasized_Hover_BorderColor);
+	--_ui5_wheelslider_active_item_background_color:var(--sapContent_Selected_Background);
+	--_ui5_wheelslider_active_item_text_color: var(--sapContent_Selected_TextColor);
+	--_ui5_wheelslider_selection_frame_color: var(--sapList_SelectionBorderColor);
+	--_ui_wheelslider_item_border_radius: var(--_ui5_button_border_radius);
+}

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

@@ -1,7 +1,6 @@
 @import "./Avatar-parameters.css";
 @import "../base/AvatarGroup-parameters.css";
-@import "./Tag-parameters.css";
-@import "../base/Bar-parameters.css";
+@import "./Badge-parameters.css";
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
@@ -17,7 +16,7 @@
 @import "./DayPicker-parameters.css";
 @import "./Dialog-parameters.css";
 @import "./FileUploader-parameters.css";
-@import "../base/ListItemGroupHeader-parameters.css";
+@import "../base/GroupHeaderListItem-parameters.css";
 @import "./Input-parameters.css";
 @import "./InputIcon-parameters.css";
 @import "./Link-parameters.css";
@@ -30,22 +29,25 @@
 @import "./Panel-parameters.css";
 @import "../base/Popover-parameters.css";
 @import "./PopupsCommon-parameters.css";
-@import "../base/PopupBlockLayer-parameters.css";
+@import "../base/PopupStaticAreaStyles-parameters.css";
 @import "../sap_horizon_hcb/ProgressIndicator-parameters";
 @import "./RadioButton-parameters.css";
 @import "./RatingIndicator-parameters.css";
 @import "./SegmentedButtton-parameters.css";
-@import "./SegmentedButtonItem-parameters.css";
 @import "./Select-parameters.css";
 @import "./SplitButton-parameters.css";
 @import "./Switch-parameters.css";
 @import "./TabContainer-parameters.css";
+@import "./Table-parameters.css";
+@import "../base/TableColumn-parameters.css";
+@import "./TableRow-parameters.css";
+@import "./TableGroupRow-parameters.css";
 @import "./GrowingButton-parameters.css";
-@import "../base/Text-parameters.css";
 @import "./TextArea-parameters.css";
 @import "./TimePicker-parameters.css";
 @import "../base/Toast-parameters.css";
 @import "./ToggleButton-parameters.css";
+@import "./WheelSlider-parameters.css";
 @import "./YearPicker-parameters.css";
 @import "./Token-parameters.css";
 @import "../base/Tokenizer-parameters.css";

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

@@ -0,0 +1,43 @@
+@import "../base/Badge-parameters.css";
+
+:root {
+	--ui5-badge-color-scheme-1-background: #FFC218; /* Mango1 */
+	--ui5-badge-color-scheme-1-border: #5F2900; /* Mango11 */
+	--ui5-badge-color-scheme-1-color: #5F2900; /* Mango11 */
+
+	--ui5-badge-color-scheme-2-background: #FFBABA; /* Red1 */
+	--ui5-badge-color-scheme-2-border: #770606; /* Red11 */
+	--ui5-badge-color-scheme-2-color: #770606; /* Red11 */
+
+	--ui5-badge-color-scheme-3-background: #FEB7D9; /* Raspberry1 */
+	--ui5-badge-color-scheme-3-border: #71093D; /* Raspberry11 */
+	--ui5-badge-color-scheme-3-color: #71093D; /* Raspberry11 */
+
+	--ui5-badge-color-scheme-4-background: #FFB3F5; /* Pink1 */
+	--ui5-badge-color-scheme-4-border: #67006F; /* Pink11 */
+	--ui5-badge-color-scheme-4-color: #67006F; /* Pink11 */
+
+	--ui5-badge-color-scheme-5-background: #D6C2FF; /* Indigo1 */
+	--ui5-badge-color-scheme-5-border: #2500BC; /* Indigo11 */
+	--ui5-badge-color-scheme-5-color: #2500BC; /* Indigo11 */
+
+	--ui5-badge-color-scheme-6-background: #8FD4FF; /* Blue1 */
+	--ui5-badge-color-scheme-6-border: #003776; /* Blue11 */
+	--ui5-badge-color-scheme-6-color: #003776; /* Blue11 */
+
+	--ui5-badge-color-scheme-7-background: #3CE3C5; /* Teal1 */
+	--ui5-badge-color-scheme-7-border: #033F45; /* Teal11 */
+	--ui5-badge-color-scheme-7-color: #033F45; /* Teal11 */
+
+	--ui5-badge-color-scheme-8-background: #9BDF47; /* Green1 */
+	--ui5-badge-color-scheme-8-border: #0C420C; /* Green11 */
+	--ui5-badge-color-scheme-8-color: #0C420C; /* Green11 */
+
+	--ui5-badge-color-scheme-9-background: #51DDF2; /* Cyan1 */
+	--ui5-badge-color-scheme-9-border: #003E52; /* Cyan11 */
+	--ui5-badge-color-scheme-9-color: #003E52; /* Cyan11 */
+
+	--ui5-badge-color-scheme-10-background: #C5CDD3; /* Grey1 */
+	--ui5-badge-color-scheme-10-border: #2C3A48; /* Grey11 */
+	--ui5-badge-color-scheme-10-color: #2C3A48; /* Grey11 */
+}

package/src/themes/sap_horizon_hcw_exp/Table-parameters.css

@@ -0,0 +1,8 @@
+@import "../base/Table-parameters.css";
+
+:root {
+	--ui5_table_header_row_outline_width: 0.125rem;
+	--ui5_table_header_row_border_bottom_color: var(--sapList_HeaderBorderColor);
+	--ui5_table_focus_outline_offset: -0.1875rem;
+	--ui5_table_header_row_border_width: 0.1875rem;
+}

package/src/themes/sap_horizon_hcw_exp/TableGroupRow-parameters.css

@@ -0,0 +1,7 @@
+@import "../base/TableGroupRow-parameters.css";
+@import "../base/Toolbar-parameters.css";
+
+:root {
+	--ui5_table_group_row_font-weight: bold;
+	--ui5_table_border_width: 1px 0 1px 0;
+}

package/src/themes/sap_horizon_hcw_exp/TableRow-parameters.css

@@ -0,0 +1,5 @@
+@import "../base/TableRow-parameters.css";
+
+:root {
+	--ui5_table_row_outline_width: 0.125rem;
+}

package/src/themes/sap_horizon_hcw_exp/WheelSlider-parameters.css

@@ -0,0 +1,17 @@
+@import "../base/WheelSlider-parameters.css";
+
+:root{
+	--_ui5_wheelslider_item_background_color: var(--sapLegend_WorkingBackground);
+	--_ui5_wheelslider_item_text_color: var(--sapTextColor);
+	--_ui_wheelslider_item_hover_color: var(--sapList_Hover_Background);
+	--_ui_wheelslider_item_hovered_color: var(--sapList_Hover_Background);
+	--_ui5_wheelslider_item_border_color: var(--sapList_Background);
+	--_ui5_wheelslider_item_hovered_border_color: var(--sapField_BorderColor);
+	--_ui5_wheelslider_collapsed_item_text_color: var(--sapField_BorderColor);
+	--_ui5_wheelslider_selected_item_background_color: var(--sapContent_Selected_Background);
+	--_ui5_wheelslider_selected_item_hover_background_color: var(--sapButton_Emphasized_Hover_BorderColor);
+	--_ui5_wheelslider_active_item_background_color:var(--sapContent_Selected_Background);
+	--_ui5_wheelslider_active_item_text_color: var(--sapContent_Selected_TextColor);
+	--_ui5_wheelslider_selection_frame_color: var(--sapList_SelectionBorderColor);
+	--_ui_wheelslider_item_border_radius: var(--_ui5_button_border_radius);
+}

package/src/themes/sap_horizon_hcw_exp/parameters-bundle.css

@@ -1,6 +1,6 @@
 @import "./Avatar-parameters.css";
 @import "../base/AvatarGroup-parameters.css";
-@import "./Tag-parameters.css";
+@import "./Badge-parameters.css";
 @import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
@@ -16,7 +16,7 @@
 @import "./DayPicker-parameters.css";
 @import "./Dialog-parameters.css";
 @import "./FileUploader-parameters.css";
-@import "../base/ListItemGroupHeader-parameters.css";
+@import "../base/GroupHeaderListItem-parameters.css";
 @import "./Input-parameters.css";
 @import "./InputIcon-parameters.css";
 @import "./Link-parameters.css";
@@ -37,11 +37,16 @@
 @import "./SplitButton-parameters.css";
 @import "./Switch-parameters.css";
 @import "./TabContainer-parameters.css";
+@import "./Table-parameters.css";
+@import "../base/TableColumn-parameters.css";
+@import "./TableRow-parameters.css";
+@import "./TableGroupRow-parameters.css";
 @import "./GrowingButton-parameters.css";
 @import "./TextArea-parameters.css";
 @import "./TimePicker-parameters.css";
 @import "../base/Toast-parameters.css";
 @import "./ToggleButton-parameters.css";
+@import "./WheelSlider-parameters.css";
 @import "./YearPicker-parameters.css";
 @import "./Token-parameters.css";
 @import "../base/Tokenizer-parameters.css";

package/.env.testing

@@ -1,4 +0,0 @@
-# .env.testing
-VITE_BUNDLE_PATH="../../dist/bundle.esm.js"
-# take the "development" conditional exports
-NODE_ENV=development

package/dist/Bar.d.ts

@@ -1,73 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import BarDesign from "./types/BarDesign.js";
-/**
- * @class
- *
- * ### Overview
- * The Bar is a container which is primarily used to hold titles, buttons and input elements
- * and its design and functionality is the basis for page headers and footers.
- * The component consists of three areas to hold its content - startContent slot, default slot and endContent slot.
- * It has the capability to center content, such as a title, while having other components on the left and right side.
- *
- * ### Usage
- * With the use of the design property, you can set the style of the Bar to appear designed like a Header, Subheader, Footer and FloatingFooter.
- *
- * **Note:** Do not place a Bar inside another Bar or inside any bar-like component. Doing so may cause unpredictable behavior.
- *
- * ### Responsive Behavior
- * The default slot will be centered in the available space between the startContent and the endContent areas,
- * therefore it might not always be centered in the entire bar.
- *
- * ### Keyboard Handling
- *
- * #### Fast Navigation
- * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].
- * In order to use this functionality, you need to import the following module:
- * `import "@ui5/webcomponents-base/dist/features/F6Navigation.js"`
- *
- * ### ES6 Module Import
- *
- * `import "@ui5/webcomponents/dist/Bar.js";`
- * @csspart bar - Used to style the wrapper of the content of the component
- * @constructor
- * @extends UI5Element
- * @public
- * @since 1.0.0-rc.11
- */
-declare class Bar extends UI5Element {
-    /**
-     * Defines the component's design.
-     * @default "Header"
-     * @public
-     */
-    design: `${BarDesign}`;
-    /**
-    * Defines the content at the start of the bar.
-    * @public
-    */
-    startContent: Array<HTMLElement>;
-    /**
-    * Defines the content in the middle of the bar.
-    * @public
-    */
-    middleContent: Array<HTMLElement>;
-    /**
-    * Defines the content at the end of the bar.
-    * @public
-    */
-    endContent: Array<HTMLElement>;
-    _handleResizeBound: () => void;
-    get accInfo(): {
-        label: "Header" | "Subheader" | "Footer" | "FloatingFooter";
-    };
-    constructor();
-    handleResize(): void;
-    get classes(): {
-        root: {
-            "ui5-bar-root": boolean;
-        };
-    };
-    onEnterDOM(): void;
-    onExitDOM(): void;
-}
-export default Bar;

package/dist/Bar.js

@@ -1,113 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-import BarDesign from "./types/BarDesign.js";
-// Template
-import BarTemplate from "./generated/templates/BarTemplate.lit.js";
-// Styles
-import BarCss from "./generated/themes/Bar.css.js";
-/**
- * @class
- *
- * ### Overview
- * The Bar is a container which is primarily used to hold titles, buttons and input elements
- * and its design and functionality is the basis for page headers and footers.
- * The component consists of three areas to hold its content - startContent slot, default slot and endContent slot.
- * It has the capability to center content, such as a title, while having other components on the left and right side.
- *
- * ### Usage
- * With the use of the design property, you can set the style of the Bar to appear designed like a Header, Subheader, Footer and FloatingFooter.
- *
- * **Note:** Do not place a Bar inside another Bar or inside any bar-like component. Doing so may cause unpredictable behavior.
- *
- * ### Responsive Behavior
- * The default slot will be centered in the available space between the startContent and the endContent areas,
- * therefore it might not always be centered in the entire bar.
- *
- * ### Keyboard Handling
- *
- * #### Fast Navigation
- * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].
- * In order to use this functionality, you need to import the following module:
- * `import "@ui5/webcomponents-base/dist/features/F6Navigation.js"`
- *
- * ### ES6 Module Import
- *
- * `import "@ui5/webcomponents/dist/Bar.js";`
- * @csspart bar - Used to style the wrapper of the content of the component
- * @constructor
- * @extends UI5Element
- * @public
- * @since 1.0.0-rc.11
- */
-let Bar = class Bar extends UI5Element {
-    get accInfo() {
-        return {
-            "label": this.design,
-        };
-    }
-    constructor() {
-        super();
-        this._handleResizeBound = this.handleResize.bind(this);
-    }
-    handleResize() {
-        const bar = this.getDomRef();
-        const barWidth = bar.offsetWidth;
-        const needShrinked = Array.from(bar.children).some(child => {
-            return child.offsetWidth > barWidth / 3;
-        });
-        bar.classList.toggle("ui5-bar-root-shrinked", needShrinked);
-    }
-    get classes() {
-        return {
-            root: {
-                "ui5-bar-root": true,
-            },
-        };
-    }
-    onEnterDOM() {
-        ResizeHandler.register(this, this._handleResizeBound);
-        this.getDomRef().querySelectorAll(".ui5-bar-content-container").forEach(child => {
-            ResizeHandler.register(child, this._handleResizeBound);
-        }, this);
-    }
-    onExitDOM() {
-        ResizeHandler.deregister(this, this._handleResizeBound);
-        this.getDomRef().querySelectorAll(".ui5-bar-content-container").forEach(child => {
-            ResizeHandler.deregister(child, this._handleResizeBound);
-        }, this);
-    }
-};
-__decorate([
-    property({ type: BarDesign, defaultValue: BarDesign.Header })
-], Bar.prototype, "design", void 0);
-__decorate([
-    slot({ type: HTMLElement })
-], Bar.prototype, "startContent", void 0);
-__decorate([
-    slot({ type: HTMLElement, "default": true })
-], Bar.prototype, "middleContent", void 0);
-__decorate([
-    slot({ type: HTMLElement })
-], Bar.prototype, "endContent", void 0);
-Bar = __decorate([
-    customElement({
-        tag: "ui5-bar",
-        fastNavigation: true,
-        renderer: litRender,
-        styles: BarCss,
-        template: BarTemplate,
-    })
-], Bar);
-Bar.define();
-export default Bar;
-//# sourceMappingURL=Bar.js.map

package/dist/Bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bar.js","sourceRoot":"","sources":["../src/Bar.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport BarDesign from \"./types/BarDesign.js\";\n\n// Template\nimport BarTemplate from \"./generated/templates/BarTemplate.lit.js\";\n\n// Styles\nimport BarCss from \"./generated/themes/Bar.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n * The Bar is a container which is primarily used to hold titles, buttons and input elements\n * and its design and functionality is the basis for page headers and footers.\n * The component consists of three areas to hold its content - startContent slot, default slot and endContent slot.\n * It has the capability to center content, such as a title, while having other components on the left and right side.\n *\n * ### Usage\n * With the use of the design property, you can set the style of the Bar to appear designed like a Header, Subheader, Footer and FloatingFooter.\n *\n * **Note:** Do not place a Bar inside another Bar or inside any bar-like component. Doing so may cause unpredictable behavior.\n *\n * ### Responsive Behavior\n * The default slot will be centered in the available space between the startContent and the endContent areas,\n * therefore it might not always be centered in the entire bar.\n *\n * ### Keyboard Handling\n *\n * #### Fast Navigation\n * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\n * In order to use this functionality, you need to import the following module:\n * `import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/Bar.js\";`\n * @csspart bar - Used to style the wrapper of the content of the component\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.0.0-rc.11\n */\n@customElement({\n\ttag: \"ui5-bar\",\n\tfastNavigation: true,\n\trenderer: litRender,\n\tstyles: BarCss,\n\ttemplate: BarTemplate,\n})\nclass Bar extends UI5Element {\n\t/**\n\t * Defines the component's design.\n\t * @default \"Header\"\n\t * @public\n\t */\n\t@property({ type: BarDesign, defaultValue: BarDesign.Header })\n\tdesign!: `${BarDesign}`\n\n\t/**\n\t* Defines the content at the start of the bar.\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement })\n\tstartContent!: Array<HTMLElement>;\n\n\t/**\n\t* Defines the content in the middle of the bar.\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement, \"default\": true })\n\tmiddleContent!: Array<HTMLElement>\n\n\t/**\n\t* Defines the content at the end of the bar.\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement })\n\tendContent!: Array<HTMLElement>\n\n\t_handleResizeBound: () => void;\n\n\tget accInfo() {\n\t\treturn {\n\t\t\t\"label\": this.design,\n\t\t};\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._handleResizeBound = this.handleResize.bind(this);\n\t}\n\n\thandleResize() {\n\t\tconst bar = this.getDomRef()!;\n\t\tconst barWidth = bar.offsetWidth;\n\t\tconst needShrinked = Array.from(bar.children).some(child => {\n\t\t\treturn (child as HTMLElement).offsetWidth > barWidth / 3;\n\t\t});\n\n\t\tbar.classList.toggle(\"ui5-bar-root-shrinked\", needShrinked);\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\troot: {\n\t\t\t\t\"ui5-bar-root\": true,\n\t\t\t},\n\t\t};\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._handleResizeBound);\n\n\t\tthis.getDomRef()!.querySelectorAll(\".ui5-bar-content-container\").forEach(child => {\n\t\t\tResizeHandler.register(child as HTMLElement, this._handleResizeBound);\n\t\t}, this);\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._handleResizeBound);\n\n\t\tthis.getDomRef()!.querySelectorAll(\".ui5-bar-content-container\").forEach(child => {\n\t\t\tResizeHandler.deregister(child as HTMLElement, this._handleResizeBound);\n\t\t}, this);\n\t }\n}\n\nBar.define();\n\nexport default Bar;\n"]}

package/dist/CalendarDateRange.d.ts

@@ -1,31 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import { ICalendarSelectedDates } from "./Calendar.js";
-/**
- * @class
- *
- * ### Overview
- *
- * The `ui5-date-range` component defines a range of dates to be used inside `ui5-calendar`
- * @constructor
- * @extends UI5Element
- * @abstract
- * @public
- * @since 2.0
- */
-declare class CalendarDateRange extends UI5Element implements ICalendarSelectedDates {
-    /**
-     * Start of date range formatted according to the `formatPattern` property
-     * of the `ui5-calendar` that hosts the component.
-     * @default ""
-     * @public
-     */
-    startValue: string;
-    /**
-     * End of date range formatted according to the `formatPattern` property
-     * of the `ui5-calendar` that hosts the component.
-     * @default ""
-     * @public
-     */
-    endValue: string;
-}
-export default CalendarDateRange;