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

package/src/themes/WheelSlider.css

@@ -0,0 +1,203 @@
+.ui5-wheelslider-root {
+	overflow: hidden;
+	height: 100%;
+	vertical-align: middle;
+	text-align: center;
+	box-sizing: border-box;
+	font-family: "72override", var(--sapFontFamily);
+	justify-content: space-between;
+	flex-direction: column;
+	display: inline-flex;
+	width: var(--_ui5_wheelslider_item_width);
+}
+
+.ui5-wheelslider-root .ui5-wheelslider-label {
+	box-sizing: border-box;
+	height: 2rem;
+	line-height: 2rem;
+	width: var(--_ui5_wheelslider_item_width);
+	font-size: var(--sapFontSmallSize);
+	color: var(--_ui5_wheelslider_label_text_color);
+	text-align: center;
+	vertical-align: middle;
+	visibility: hidden;
+}
+
+.ui5-wheelslider-root .ui5-wheelslider-arrow {
+	visibility: hidden;
+	box-sizing: border-box;
+	height: 1.5rem;
+	user-select: none;
+	outline: none
+}
+
+:host([expanded]) .ui5-wheelslider-arrow {
+	visibility: var(--_ui5_wheelslider_arrows_visibility);
+	box-sizing: border-box;
+	border-color: transparent;
+	cursor: pointer;
+}
+
+:host([expanded]) .ui5-wheelslider-arrow:hover {
+	visibility: var(--_ui5_wheelslider_arrows_visibility);
+	box-sizing: border-box;
+	border-color: inherit;
+	cursor: pointer;
+}
+
+.ui5-wheelslider-root .ui5-wheelslider-inner {
+	position: relative;
+	overflow: hidden;
+	height: 100%;
+	box-sizing: border-box;
+	user-select: none;
+	list-style: none;
+	margin-top: 0rem;
+}
+
+:host([expanded]) .ui5-wheelslider-inner {
+	margin-top: 0;
+}
+
+.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-item {
+	height: var(--_ui5_wheelslider_item_height);
+	line-height: var(--_ui5_wheelslider_item_height);
+	width: var(--_ui5_wheelslider_item_width);
+	box-sizing: border-box;
+	background: var(--_ui5_wheelslider_selected_item_background_color);
+	border: 0.625px solid var(--_ui5_wheelslider_item_border_color);
+	font-size: var(--_ui5_wheelslider_item_text_size);
+	color: var(--_ui5_wheelslider_collapsed_item_text_color);
+	text-align: center;
+	border-radius: var(--_ui_wheelslider_item_border_radius);
+	cursor: pointer;
+}
+
+.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-item:hover {
+	background: var(--_ui_wheelslider_item_hover_color);
+	border-color: var(--_ui5_wheelslider_item_hovered_border_color);
+}
+
+.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-item:focus {
+	outline: 1px dotted black;
+	outline-offset: -3px;
+}
+
+.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-selection-frame {
+	width: var(--_ui5_wheelslider_item_width);
+	height: var(--_ui5_wheelslider_item_height);
+	position: absolute;
+	box-sizing: border-box;
+	visibility: hidden;
+	z-index: 1;
+}
+
+.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-wrapper > ul {
+	transition: all 400ms;
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	top: var(--_ui5_wheelslider_selection_frame_margin_top);
+	height: 3000px;
+	cursor: pointer;
+	list-style-type: none;
+}
+
+.ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-wrapper > ul {
+	top: var(--_ui5_wheelslider_mobile_selection_frame_margin_top);
+}
+
+:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-wrapper > ul {
+	list-style-type: none;
+	top: 0;
+	padding-top: calc(var(--_ui5_wheelslider_item_height) * 2);
+}
+
+:host([expanded]) .ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-wrapper > ul {
+	list-style-type: none;
+	top: 0;
+	padding-top: calc(var(--_ui5_wheelslider_item_height) * 4);
+}
+
+.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-wrapper {
+	height: var(--_ui5_wheelslider_height);
+	position: relative;
+	overflow: hidden;
+	outline: none;
+}
+
+.ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-wrapper {
+	height: var(--_ui5_wheelslider_mobile_height);
+}
+
+:host([expanded]) {
+	height: 100%;
+	cursor: default;
+	margin: 0;
+	justify-content: space-between;
+	flex-direction: column;
+	display: inline-flex;
+}
+
+:host([expanded]) .ui5-wheelslider-label {
+	display: block;
+	visibility: visible;
+}
+
+.ui5-wheelslider-root .ui5-wheelslider-inner {
+	max-height: 100%;
+	height: var(--_ui5_wheelslider_height);
+}
+
+.ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner {
+	height: var(--_ui5_wheelslider_mobile_height);
+}
+
+:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item {
+	background: var(--_ui5_wheelslider_item_background_color);
+	color: var(--_ui5_wheelslider_item_text_color);
+	border: 1px solid var(--_ui5_wheelslider_item_expanded_border_color);
+	border-radius: var(--_ui_wheelslider_item_border_radius);
+	offset-position: auto;
+	cursor: auto;
+}
+
+:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item:hover {
+	background: var(--_ui_wheelslider_item_expanded_hover_color);
+	border-color: var(--_ui5_wheelslider_item_hovered_border_color);
+}
+
+:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item:active {
+	background: var(--_ui5_wheelslider_active_item_background_color);
+	color: var(--_ui5_wheelslider_active_item_text_color);
+}
+
+:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item:focus {
+	outline: 1px dotted black;
+	outline-offset: -3px;
+}
+
+:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-selection-frame {
+	visibility: visible;
+	-webkit-box-shadow: inset 0px 0px 0px 2px var(--_ui5_wheelslider_selection_frame_color);
+	-moz-box-shadow: inset 0px 0px 0px 2px var(--_ui5_wheelslider_selection_frame_color);
+	box-shadow: inset 0px 0px 0px 2px var(--_ui5_wheelslider_selection_frame_color);
+	border-radius: var(--_ui_wheelslider_item_border_radius);
+	margin-top: var(--_ui5_wheelslider_selection_frame_margin_top);
+}
+
+:host([expanded]) .ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-selection-frame {
+	margin-top: var(--_ui5_wheelslider_mobile_selection_frame_margin_top);
+}
+
+:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-selection-frame:hover + .ui5-wheelslider-wrapper ul > li.ui5-wheelslider-item[aria-selected="true"] {
+	background: var(--_ui_wheelslider_item_expanded_hover_color);
+}
+
+:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-selection-frame:active + ul > li.ui5-wheelslider-item[aria-selected="true"] {
+	background: var(--_ui5_wheelslider_selected_item_background_color);
+	color: lightgray;
+}
+.ui5-wheelslider-root:focus {
+	outline: none;
+}

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

@@ -45,8 +45,6 @@
 	--_ui5_avatar_focus_width: 0.0625rem;
 	--_ui5_avatar_focus_color: var(--sapContent_FocusColor);
 
-	--_ui5_avatar_overflow_button_focus_offset: 0.0625rem;
-
 	--_ui5_avatar_fontsize_XS: 0.75rem;
 	--_ui5_avatar_fontsize_S: 1.125rem;
 	--_ui5_avatar_fontsize_M: 1.625rem;

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

@@ -0,0 +1,160 @@
+:root {
+	--_ui5-badge-height: 1rem;
+	--_ui5-badge-border: 0.0625em solid;
+	--_ui5-badge-border-radius: 0.5rem;
+	--_ui5-badge-padding-inline: 0.3125em;
+	--_ui5-badge-padding-inline-icon-only: 0.1875rem;
+	--_ui5-badge-text-transform: uppercase;
+	--_ui5-badge-icon-height: 0.75em;
+	--_ui5-badge-icon-width: 0.75rem;
+	--_ui5-badge-icon-gap: 0.125rem;
+	--_ui5-badge-font-size: var(--sapFontSmallSize);
+	--_ui5-badge-font: "72override", var(--sapFontFamily);
+	--_ui5-badge-font-weight: bold;
+	--_ui5-badge-letter-spacing: 0.0125em;
+
+	--ui5-badge-text-shadow: var(--sapContent_TextShadow);
+	--ui5-badge-contrast-text-shadow: var(--sapContent_ContrastTextShadow);
+
+	--ui5-badge-color-scheme-1-background: var(--sapLegendBackgroundColor1);
+	--ui5-badge-color-scheme-1-border: var(--sapAccentColor1);
+	--ui5-badge-color-scheme-1-color: var(--sapTextColor);
+
+	--ui5-badge-color-scheme-2-background: var(--sapLegendBackgroundColor2);
+	--ui5-badge-color-scheme-2-border: var(--sapAccentColor2);
+	--ui5-badge-color-scheme-2-color: var(--sapTextColor);
+
+	--ui5-badge-color-scheme-3-background: var(--sapLegendBackgroundColor3);
+	--ui5-badge-color-scheme-3-border: var(--sapAccentColor3);
+	--ui5-badge-color-scheme-3-color: var(--sapTextColor);
+
+	--ui5-badge-color-scheme-4-background: var(--sapLegendBackgroundColor5);
+	--ui5-badge-color-scheme-4-border: var(--sapAccentColor4);
+	--ui5-badge-color-scheme-4-color: var(--sapTextColor);
+
+	--ui5-badge-color-scheme-5-background: var(--sapLegendBackgroundColor20);
+	--ui5-badge-color-scheme-5-border: var(--sapAccentColor5);
+	--ui5-badge-color-scheme-5-color: var(--sapTextColor);
+
+	--ui5-badge-color-scheme-6-background: var(--sapLegendBackgroundColor6);
+	--ui5-badge-color-scheme-6-border: var(--sapAccentColor6);
+	--ui5-badge-color-scheme-6-color: var(--sapTextColor);
+
+	--ui5-badge-color-scheme-7-background: var(--sapLegendBackgroundColor7);
+	--ui5-badge-color-scheme-7-border: var(--sapAccentColor7);
+	--ui5-badge-color-scheme-7-color: var(--sapTextColor);
+
+	--ui5-badge-color-scheme-8-background: var(--sapLegendBackgroundColor18);
+	--ui5-badge-color-scheme-8-border: var(--sapLegendColor18);
+	--ui5-badge-color-scheme-8-color: var(--sapTextColor);
+
+	--ui5-badge-color-scheme-9-background: var(--sapLegendBackgroundColor10);
+	--ui5-badge-color-scheme-9-border: var(--sapAccentColor10);
+	--ui5-badge-color-scheme-9-color: var(--sapTextColor);
+
+	--ui5-badge-color-scheme-10-background: var(--sapLegendBackgroundColor9);
+	--ui5-badge-color-scheme-10-border: var(--sapAccentColor9);
+	--ui5-badge-color-scheme-10-color: var(--sapTextColor);
+
+	/* set 2 */
+
+	--ui5-badge-set2-color-scheme-1-color: var(--sapIndicationColor_1);
+	--ui5-badge-set2-color-scheme-1-background: var(--sapIndicationColor_1b);
+	--ui5-badge-set2-color-scheme-1-border: var(--sapIndicationColor_1b_BorderColor);
+
+	--ui5-badge-set2-color-scheme-1-hover-background: var(--sapIndicationColor_1b_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);
+	--ui5-badge-set2-color-scheme-2-background: var(--sapIndicationColor_2b);
+	--ui5-badge-set2-color-scheme-2-border: var(--sapIndicationColor_2b_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);
+	--ui5-badge-set2-color-scheme-3-background: var(--sapIndicationColor_3b);
+	--ui5-badge-set2-color-scheme-3-border: var(--sapIndicationColor_3b_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);
+	--ui5-badge-set2-color-scheme-4-background: var(--sapIndicationColor_4b);
+	--ui5-badge-set2-color-scheme-4-border: var(--sapIndicationColor_4b_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);
+	--ui5-badge-set2-color-scheme-5-background: var(--sapIndicationColor_5b);
+	--ui5-badge-set2-color-scheme-5-border: var(--sapIndicationColor_5b_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);
+	--ui5-badge-set2-color-scheme-6-background: var(--sapIndicationColor_6b);
+	--ui5-badge-set2-color-scheme-6-border: var(--sapIndicationColor_6b_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);
+	--ui5-badge-set2-color-scheme-7-background: var(--sapIndicationColor_7b);
+	--ui5-badge-set2-color-scheme-7-border: var(--sapIndicationColor_7b_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);
+	--ui5-badge-set2-color-scheme-8-background: var(--sapIndicationColor_8b);
+	--ui5-badge-set2-color-scheme-8-border: var(--sapIndicationColor_8b_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);
+	--ui5-badge-set2-color-scheme-9-background: var(--sapIndicationColor_9b);
+	--ui5-badge-set2-color-scheme-9-border: var(--sapIndicationColor_9b_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);
+	--ui5-badge-set2-color-scheme-10-background: var(--sapIndicationColor_10b);
+	--ui5-badge-set2-color-scheme-10-border: var(--sapIndicationColor_10b_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/base/BusyIndicator-parameters.css

@@ -2,4 +2,5 @@
 	--_ui5_busy_indicator_color: var(--sapContent_IconColor);
 	--_ui5_busy_indicator_focus_outline:  var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	--_ui5_busy_indicator_focus_border_radius: 0px;
+	--_ui5_busy_indicator_block_layer: color-mix(in oklch, transparent, var(--sapBlockLayer_Background) 20%);
 }

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

@@ -15,29 +15,4 @@
 	--_ui5_message_strip_focus_offset: -2px;
 	--_ui5_message_strip_close_button_top: 0.125rem;
 	--_ui5_message_strip_close_button_right: 0.125rem;
-	/* Next two variables below are hardcoded values of sapButton_Lite_Hover_Background parameter with specified opacity*/
-	--_ui5_message_strip_close_button_color_set_1_background: #eaecee4d;
-	--_ui5_message_strip_close_button_color_set_2_background: #eaecee80;
-	--_ui5_message_strip_close_button_color_set_1_color: var(--sapButton_Emphasized_TextColor);
-	--_ui5_message_strip_close_button_color_set_1_hover_color: var(--sapButton_Emphasized_TextColor);
-	--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1b);
-	--_ui5_message_strip_scheme_1_set_2_border_color: var(--sapIndicationColor_1b_BorderColor);
-	--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2b);
-	--_ui5_message_strip_scheme_2_set_2_border_color: var(--sapIndicationColor_2b_BorderColor);
-	--_ui5_message_strip_scheme_3_set_2_background: var(--sapIndicationColor_3b);
-	--_ui5_message_strip_scheme_3_set_2_border_color: var(--sapIndicationColor_3b_BorderColor);
-	--_ui5_message_strip_scheme_4_set_2_background: var(--sapIndicationColor_4b);
-	--_ui5_message_strip_scheme_4_set_2_border_color: var(--sapIndicationColor_4b_BorderColor);
-	--_ui5_message_strip_scheme_5_set_2_background: var(--sapIndicationColor_5b);
-	--_ui5_message_strip_scheme_5_set_2_border_color: var(--sapIndicationColor_5b_BorderColor);
-	--_ui5_message_strip_scheme_6_set_2_background: var(--sapIndicationColor_6b);
-	--_ui5_message_strip_scheme_6_set_2_border_color: var(--sapIndicationColor_6b_BorderColor);
-	--_ui5_message_strip_scheme_7_set_2_background: var(--sapIndicationColor_7b);
-	--_ui5_message_strip_scheme_7_set_2_border_color: var(--sapIndicationColor_7b_BorderColor);
-	--_ui5_message_strip_scheme_8_set_2_background: var(--sapIndicationColor_8b);
-	--_ui5_message_strip_scheme_8_set_2_border_color: var(--sapIndicationColor_8b_BorderColor);
-	--_ui5_message_strip_scheme_9_set_2_background: var(--sapIndicationColor_9b);
-	--_ui5_message_strip_scheme_9_set_2_border_color: var(--sapIndicationColor_9b_BorderColor);
-	--_ui5_message_strip_scheme_10_set_2_background: var(--sapIndicationColor_10b);
-	--_ui5_message_strip_scheme_10_set_2_border_color: var(--sapIndicationColor_10b_BorderColor);
 }

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

@@ -21,14 +21,12 @@
 
     --_ui5_progress_indicator_side_points_visibility: none;
 
-    --_ui5_progress_indicator_padding_novalue: 0;
-
     --_ui5_progress_indicator_host_height: 1rem;
     --_ui5_progress_indicator_host_min_height: 1rem;
     --_ui5_progress_indicator_root_border_radius: 0.5rem;
     --_ui5_progress_indicator_root_height: 100%;
     --_ui5_progress_indicator_root_overflow: hidden;
-
+    
     --_ui5_progress_indicator_bar_height: 100%;
     --_ui5_progress_indicator_bar_border_radius: 0.5rem 0 0 0.5rem;
 

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

@@ -22,6 +22,7 @@
 	--_ui5_radio_button_outer_ring_padding_with_label: 0 0.6875rem;
 	--_ui5_radio_button_border_radius: 0;
 	--_ui5_radio_button_border: none;
+	--_ui5_radio_button_focus_border: none;
 	--_ui5_radio_button_focus_outline: block;
 	--_ui5_radio_button_focus_dist: 0.5rem;
 	--_ui5_radio_button_color: var(--sapField_BorderColor);

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

@@ -0,0 +1,10 @@
+:root {
+	--ui5_table_bottom_border: 1px solid var(--sapList_BorderColor);
+	--ui5_table_header_row_outline_width: 1px;
+	--ui5_table_multiselect_column_width: 2.75rem;
+	--ui5_table_header_row_font_weight: normal;
+	--ui5_table_header_row_font_family: var(--sapFontFamily);
+	--ui5_table_header_row_border_bottom_color: var(--sapList_BorderColor);
+	--ui5_table_header_row_border_width: 1px;
+	--_ui5_table_load_more_border-bottom: none;
+}

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

@@ -0,0 +1,3 @@
+:root {
+	--ui5_table_header_row_font_weight: normal;
+}

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

@@ -0,0 +1,4 @@
+:root {
+	--ui5_table_group_row_font-weight: normal;
+	--ui5_table_border_width: 0 0 1px 0;
+}

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

@@ -0,0 +1,4 @@
+:root {
+	--ui5_table_row_outline_width: 1px;
+	--ui5_table_multiselect_popin_row_padding: 3.25rem;
+}

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

@@ -0,0 +1,15 @@
+:root{
+	--_ui5_wheelslider_item_text_size: var(--sapFontSize);
+	--_ui5_wheelslider_selected_item_hover_background_color: var(--sapList_BorderColor);
+	--_ui5_wheelslider_label_text_size: var(--sapFontSmallSize);
+	--_ui5_wheelslider_selection_frame_margin_top: calc(var(--_ui5_wheelslider_item_height) * 2);
+	--_ui5_wheelslider_mobile_selection_frame_margin_top: calc(var(--_ui5_wheelslider_item_height) * 4);
+	--_ui5_wheelslider_label_text_color: var(--sapContent_LabelColor);
+	--_ui5_wheelslider_height: 240px;
+	--_ui5_wheelslider_mobile_height: 432px;
+	--_ui5_wheelslider_item_width: 48px;
+	--_ui5_wheelslider_item_height: 46px;
+	--_ui5_wheelslider_arrows_visibility: hidden;
+	--_ui_wheelslider_item_hover_color: var(--sapButton_Emphasized_Hover_BorderColor);
+	--_ui_wheelslider_item_expanded_hover_color: var(--sapList_Hover_Background);
+}

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

@@ -29,13 +29,6 @@
 	--_ui5_daypicker_two_calendar_item_selected_focus_margin_bottom: 0;
 	--_ui5_daypicker_two_calendar_item_selected_focus_padding_right: 0.4375rem;
 
-	/* CalendarLegend */
-	--_ui5-calendar-legend-item-root-focus-offset: -0.125rem;
-
-	/* Calendar Legend Item */
-	--_ui5-calendar-legend-item-box-margin: 0.25rem;
-	--_ui5-calendar-legend-item-box-inner-margin: 0.5rem;
-
 	/* ColorPalette */
 	 --_ui5_color-palette-item-height: 1.75rem;
 	 --_ui5_color-palette-item-hover-height: 2.375rem;
@@ -79,14 +72,12 @@
 	--_ui5_month_picker_item_height: 3rem;
 	--_ui5_list_buttons_left_space: 0.125rem;
 
-	/* Form */
-	--_ui5_form_item_min_height: 2.813rem;
-	--_ui5_form_item_padding:  0.65rem;
-	--_ui5-form-group-heading-height: 2.75rem;
-
 	/* Popup subclasses */
 	--_ui5_popup_default_header_height: 2.75rem;
 
+	/* Notifications */
+	--_ui5-notification-overflow-popover-padding: 0.25rem 0.5rem;
+
 	--_ui5_year_picker_item_height: 3rem;
 	--_ui5_tokenizer_padding: 0.25rem;
 	--_ui5_token_height: 1.625rem;
@@ -127,6 +118,16 @@
 	/* Side Navigation */
 	--ui5_side_navigation_item_height: 2.75rem;
 
+	/* Table */
+
+	--_ui5_load_more_text_height: 2.75rem;
+	--_ui5_load_more_text_font_size: var(--sapFontMediumSize);
+	--_ui5_load_more_desc_padding:  0.375rem 2rem 0.875rem 2rem;
+	--ui5_table_header_row_height: 2.75rem;
+	--ui5_table_row_height: 2.75rem;
+	--ui5_table_focus_outline_offset: -0.125rem;
+	--ui5_table_group_row_height: 2rem;
+
 	/* Tree */
 	--_ui5-tree-indent-step: 1.5rem;
 	--_ui5-tree-toggle-box-width: 2.75rem;
@@ -152,9 +153,6 @@
 [data-ui5-compact-size],
 .ui5-content-density-compact,
 .sapUiSizeCompact {
-	--_ui5_bar_base_height: 2.5rem;
-	--_ui5_bar_subheader_height: 2.25rem;
-
 	--_ui5_button_base_height: var(--sapElement_Compact_Height);
 	--_ui5_button_base_padding: 0.4375rem;
 	--_ui5_button_base_min_width: 2rem;
@@ -174,6 +172,7 @@
 	--_ui5-calendar-legend-root-width: 16.75rem;
 
 	/* Calendar Legend Item */
+	--_ui5-calendar-legend-item-box-margin: 0.125rem 0.5rem 0.125rem 0.125rem;
 	--_ui5-calendar-legend-item-root-focus-margin: -0.125rem;
 
 	/* CheckBox */
@@ -243,11 +242,6 @@
 	--_ui5_dialog_content_min_height: 2.5rem;
 	--_ui5_dialog_footer_height: 2.5rem;
 
-	/* Form */
-	--_ui5_form_item_min_height: 2rem;
-	--_ui5_form_item_padding:  0.25rem;
-	--_ui5-form-group-heading-height: 2rem;
-
 	/* Input */
 	--_ui5_input_height: var(--sapElement_Compact_Height);
 	--_ui5_input_inner_padding: 0 0.5rem;
@@ -260,6 +254,9 @@
 	--_ui5_menu_item_padding: 0 0.75rem 0 0.5rem;
 	--_ui5_menu_item_submenu_icon_right: 0.75rem;
 
+	/* Notifications */
+	--_ui5-notification-overflow-popover-padding: 0.25rem 0.5rem;
+
 	/* Popup subclasses */
 	--_ui5_popup_default_header_height: 2.5rem;
 
@@ -302,6 +299,13 @@
 	--_ui5_tl_padding: .5rem;
 	--_ui5_tl_li_margin_bottom: .5rem;
 
+	--_ui5_wheelslider_item_width: 64px;
+	--_ui5_wheelslider_item_height: 32px;
+	--_ui5_wheelslider_height: 224px;
+	--_ui5_wheelslider_selection_frame_margin_top: calc(var(--_ui5_wheelslider_item_height) * 2);
+	--_ui5_wheelslider_arrows_visibility: visible;
+	--_ui5_wheelslider_mobile_selection_frame_margin_top: 128px;
+
 	--_ui5_tc_item_text: 2rem;
 	--_ui5_tc_item_text_line_height: 1.325rem;
 	--_ui5_tc_item_icon_size: 1rem;
@@ -340,6 +344,13 @@
 	--_ui5_step_input_min_width: 6rem;
 	--_ui5_step_input_padding: 2rem;
 
+	/* Table */
+	--_ui5_load_more_text_height: 2.625rem;
+	--_ui5_load_more_text_font_size: var(--sapFontSize);
+	--_ui5_load_more_desc_padding: 0 2rem 0.875rem 2rem;
+	--ui5_table_header_row_height: 2rem;
+	--ui5_table_row_height: 2rem;
+
 	/* Tree */
 	--_ui5-tree-indent-step: 0.5rem;
 	--_ui5-tree-toggle-box-width: 2rem;

package/src/themes/sap_belize/BrowserScrollbar-parameters.css

@@ -0,0 +1,4 @@
+:root {
+	--browser_scrollbar_border_radius: 0;
+	--browser_scrollbar_border: none;
+}

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

@@ -0,0 +1,5 @@
+@import "../base/BusyIndicator-parameters.css";
+
+:root {
+	--_ui5_busy_indicator_color: var(--sapContent_BusyColor);
+}

package/src/themes/sap_belize/Button-parameters.css

@@ -0,0 +1,9 @@
+@import "../base/Button-parameters.css";
+
+:root {
+	--_ui5_button_focused_border_radius: 0rem;
+    --_ui5_button_text_shadow: none;
+	--_ui5_button_emphasized_focused_border_before: none;
+	--_ui5_button_emphasized_focused_border_color: var(--sapContent_FocusColor);
+	--_ui5_button_emphasized_focused_active_border_color: var(--sapContent_ContrastFocusColor);
+}

package/src/themes/sap_belize/Card-parameters.css

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

package/src/themes/sap_belize/Carousel-parameters.css

@@ -0,0 +1,9 @@
+:root {
+    --ui5_carousel_button_size: 2.5rem;
+    --ui5_carousel_inactive_dot_size: 0.25rem;
+    --ui5_carousel_inactive_dot_margin: 0 0.375rem;
+    --ui5_carousel_inactive_dot_border: none;
+    --ui5_carousel_inactive_dot_background: var(--sapContent_NonInteractiveIconColor);
+    --ui5_carousel_active_dot_border: var(--ui5_carousel_inactive_dot_border);
+    --ui5_carousel_active_dot_background: var(--sapSelectedColor);
+}

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

@@ -0,0 +1,25 @@
+@import "../base/DayPicker-parameters.css";
+
+:root {
+	--_ui5_daypicker_item_selected_background: var(--sapContent_Selected_Background);
+	--_ui5_daypicker_dayname_color: var(--sapContent_LabelColor);
+	--_ui5_daypicker_weekname_color: var(--sapContent_LabelColor);
+	--_ui5_daypicker_item_border_radius_focus_after: 0.0625rem;
+	--_ui5_daypicker_item_border_radius_item: 0.0625rem;
+	--_ui5_daypicker_item_selected_border: none;
+	--_ui5_daypicker_item_not_selected_focus_border: 0.0625rem dotted var(--sapContent_FocusColor);
+	--_ui5_daypicker_item_selected_focus_color: var(--sapContent_ContentColor);
+	--_ui5_daypicker_item_selected_focus_width: 0.0625rem;
+	--_ui5_daypicker_item_no_selected_inset: 0.125rem;
+	--_ui5_daypicker_item_now_border_focus_after: 0.0625rem dotted var(--sapContent_FocusColor);
+	--_ui5_daypicker_item_now_border_radius_focus_after: 0.0625rem;
+	--_ui5_day_picker_item_selected_now_border: 0.1875rem solid var(--sapList_Background);
+	--_ui5_day_picker_item_selected_now_border_focus: 0.0625rem dotted var(--sapContent_ContrastFocusColor);
+	--_ui5_day_picker_item_selected_now_border_radius_focus: 0.0625rem;
+	--_ui5-dp-item_withsecondtype_border: 0.1875rem;
+	--_ui5_daypicker_item_border_radius: 0;
+	--_ui5_daypicker_item_selected_text_border: none;
+	--_ui5_daypicker_item_selected_between_text_border_radios: 0.25rem;
+	--_ui5_daypicker_item_select_between_border: none;
+	--_ui5_daypicker_item_now_selected_outline_offset: -0.3125rem;
+}

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

@@ -0,0 +1,5 @@
+@import "../base/Dialog-parameters.css";
+
+:root {
+	--_ui5_dialog_resize_handle_color: 	var(--sapButton_Emphasized_Background);
+}