@ui5/webcomponents 2.9.0-rc.0 → 2.9.0-rc.2

package/src/themes/TabInStrip.css

@@ -140,7 +140,7 @@
 	bottom: 0;
 	left: 0;
 	right: 0;
-	border-bottom: var(--_ui5_tc_headerItemContent_border_bottom);
+	border-bottom: var(--sapTab_Selected_Indicator_Dimension) solid var(--sapTab_ForegroundColor);
 	border-radius: var(--_ui5_tc_headerItemContent_border_radius);
 	background-color: var(--_ui5_tc_headerItemContent_border_bg);
 	height: var(--_ui5_tc_headerItemContent_border_height);
@@ -216,23 +216,23 @@
 	height: var(--_ui5_tc_item_icon_circle_size);
 	width: var(--_ui5_tc_item_icon_circle_size);
 	pointer-events: none;
-	background-color: var(--_ui5_tc_headerItemIcon_background_color);
+	background-color: var(--sapTab_Background);
 }
 
 .ui5-tab-strip-item-icon {
 	width: var(--_ui5_tc_item_icon_size);
 	height: var(--_ui5_tc_item_icon_size);
-	color: var(--_ui5_tc_headerItemIcon_color);
+	color: var(--sapTab_IconColor);
 	text-shadow: var(--sapContent_TextShadow);
 	pointer-events: none;
 }
 
 .ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
-	background-color: var(--_ui5_tc_headerItemIcon_selected_background);
+	background-color: var(--sapTab_Selected_Background);
 }
 
 .ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
-	color: var(--_ui5_tc_headerItemIcon_selected_color);
+	color: var(--sapTab_Selected_IconColor);
 	text-shadow: none;
 }
 
@@ -303,21 +303,25 @@
 /*** Semantic states ***/
 .ui5-tab-strip-item--positive.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText,
 .ui5-tab-strip-item--positive .ui5-tab-strip-item-icon-outer {
-	color: var(--_ui5_tc_headerItem_positive_color);
-	border-color: var(--_ui5_tc_headerItem_positive_selected_border_color);
+	color: var(--sapTab_Positive_TextColor);
+	border-color: var(--sapTab_Positive_ForegroundColor);
+}
+
+.ui5-tab-strip-item--selected.ui5-tab-strip-item--positive.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText {
+	color: var(--sapTab_Positive_Selected_TextColor);
 }
 
 .ui5-tab-strip-item--positive .ui5-tab-strip-item-icon {
-	color: var(--_ui5_tc_headerItem_positive_color);
+	color: var(--sapTab_Positive_IconColor);
 }
 
 .ui5-tab-strip-item--positive.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
-	background-color: var(--_ui5_tc_headerItemIcon_positive_selected_background);
+	background-color: var(--sapTab_Positive_Selected_Background);
 	color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
 }
 
 .ui5-tab-strip-item--positive.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
-	color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
+	color: var(--sapTab_Positive_Selected_IconColor);
 }
 
 .ui5-tab-strip-item.ui5-tab-strip-item--neutral .ui5-tab-strip-itemContent::after,
@@ -326,76 +330,88 @@
 	background-color: var(--_ui5_tc_headerItem_neutral_border_bg);
 }
 
+.ui5-tab-strip-item--selected.ui5-tab-strip-item--neutral.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText {
+	color: var(--sapTab_Neutral_Selected_TextColor);
+}
+
 .ui5-tab-strip-item.ui5-tab-strip-item--positive .ui5-tab-strip-itemContent::after,
 .ui5-tab-strip-item--positive .ui5-tab-strip-item-icon-outer::after {
-	border-color: var(--_ui5_tc_headerItem_positive_border_color);
+	border-color: var(--sapTab_Positive_ForegroundColor);
 	background-color: var(--_ui5_tc_headerItem_positive_border_bg);
 }
 
 .ui5-tab-strip-item--negative.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText,
 .ui5-tab-strip-item--negative .ui5-tab-strip-item-icon-outer {
-	color: var(--_ui5_tc_headerItem_negative_color);
-	border-color: var(--_ui5_tc_headerItem_negative_selected_border_color);
+	color: var(--sapTab_Negative_TextColor);
+	border-color: var(--sapTab_Negative_ForegroundColor);
+}
+
+.ui5-tab-strip-item--selected.ui5-tab-strip-item--negative.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText {
+	color: var(--sapTab_Negative_Selected_TextColor);
 }
 
 .ui5-tab-strip-item--negative .ui5-tab-strip-item-icon {
-	color: var(--_ui5_tc_headerItem_negative_color);
+	color: var(--sapTab_Negative_IconColor);
 }
 
 .ui5-tab-strip-item--negative.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
-	background-color: var(--_ui5_tc_headerItemIcon_negative_selected_background);
+	background-color: var(--sapTab_Negative_Selected_Background);
 }
 
 .ui5-tab-strip-item--negative.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
-	color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
+	color: var(--sapTab_Negative_Selected_IconColor);
 }
 
 .ui5-tab-strip-item.ui5-tab-strip-item--negative .ui5-tab-strip-itemContent::after,
 .ui5-tab-strip-item--negative .ui5-tab-strip-item-icon-outer::after {
-	border-color: var(--_ui5_tc_headerItem_negative_border_color);
+	border-color: var(--sapTab_Negative_ForegroundColor);
 	background-color: var(--_ui5_tc_headerItem_negative_border_bg);
 }
 
 .ui5-tab-strip-item--critical.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText,
 .ui5-tab-strip-item--critical .ui5-tab-strip-item-icon-outer {
-	color: var(--_ui5_tc_headerItem_critical_color);
-	border-color: var(--_ui5_tc_headerItem_critical_selected_border_color);
+	color: var(--sapTab_Critical_TextColor);
+	border-color: var(--sapTab_Critical_ForegroundColor);
+}
+
+.ui5-tab-strip-item--selected.ui5-tab-strip-item--critical.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText {
+	color: var(--sapTab_Critical_Selected_TextColor);
 }
 
 .ui5-tab-strip-item--critical .ui5-tab-strip-item-icon {
-	color: var(--_ui5_tc_headerItem_critical_color);
+	color: var(--sapTab_Critical_IconColor);
 }
 
 .ui5-tab-strip-item--critical.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
-	background-color: var(--_ui5_tc_headerItemIcon_critical_selected_background);
+	background-color: var(--sapTab_Critical_Selected_Background);
 }
 
 .ui5-tab-strip-item--critical.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
-	color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
+	color: var(--sapTab_Critical_Selected_IconColor);
 }
 
 .ui5-tab-strip-item.ui5-tab-strip-item--critical .ui5-tab-strip-itemContent::after,
 .ui5-tab-strip-item--critical .ui5-tab-strip-item-icon-outer::after {
-	border-color: var(--_ui5_tc_headerItem_critical_border_color);
+	border-color: var(--sapTab_Critical_ForegroundColor);
 	background-color: var(--_ui5_tc_headerItem_critical_border_bg);
 }
 
 .ui5-tab-strip-item--neutral.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText,
 .ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon-outer {
-	color: var(--_ui5_tc_headerItem_neutral_color);
-	border-color: var(--_ui5_tc_headerItem_neutral_selected_border_color);
+	color: var(--sapTab_Neutral_TextColor);
+	border-color: var(--sapTab_Neutral_ForegroundColor);
 }
 
 .ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon {
-	color: var(--_ui5_tc_headerItem_neutral_color);
+	color: var(--sapTab_Neutral_IconColor);
 }
 
 .ui5-tab-strip-item--neutral.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
-	background-color: var(--_ui5_tc_headerItemIcon_neutral_selected_background);
+	background-color: var(--sapTab_Neutral_Selected_Background);
 }
 
 .ui5-tab-strip-item--neutral.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
-	color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
+	color: var(--sapTab_Neutral_Selected_IconColor);
 }
 
 .ui5-tab-strip-item.ui5-tab-strip-item--neutral .ui5-tab-strip-itemContent::after,
@@ -412,4 +428,8 @@
 	padding: 0 0.188rem;
 	color: var(--_ui5_tc_headerItem_additional_text_color);
 	font-weight: var(--_ui5_tc_headerItem_additional_text_font_weight);
+}
+
+.ui5-tab-strip-item.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemAdditionalText {
+	color: var(--_ui5_tc_headerItem_color);
 }

package/src/themes/TabSemanticIcon.css

@@ -6,13 +6,13 @@
 }
 
 .ui5-tab-semantic-icon--positive {
-	color: var(--sapPositiveElementColor);
+	color: var(--sapPositiveTextColor);
 }
 
 .ui5-tab-semantic-icon--negative {
-	color: var(--sapNegativeElementColor);
+	color: var(--sapNegativeTextColor);
 }
 
 .ui5-tab-semantic-icon--critical {
-	color: var(--sapCriticalElementColor);
+	color: var(--sapCriticalTextColor);
 }

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

@@ -1,12 +1,8 @@
 :root {
 	--_ui5_bar_base_height: 2.75rem;
 	--_ui5_bar_subheader_height: 3rem;
-	--_ui5_bar-start-container-padding-start: 2rem;
+	--_ui5_bar-start-container-padding-start: 1rem;
 	--_ui5_bar-mid-container-padding-start-end: 0.5rem;
-	--_ui5_bar-end-container-padding-end: 2rem;
-	--_ui5_bar-start-container-padding-start_S: 1rem;
-	--_ui5_bar-start-container-padding-start_XL: 3rem;
-	--_ui5_bar-end-container-padding-end_S: 1rem;
-	--_ui5_bar-end-container-padding-end_XL: 3rem;
+	--_ui5_bar-end-container-padding-end: 1rem;
 	--_ui5_bar_subheader_margin-top: -0.0625rem;
 }

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

@@ -29,7 +29,7 @@
 	--_ui5_radio_button_label_color: var(--sapContent_LabelColor);
 	--_ui5_radio_button_items_align: unset;
 	--_ui5_radio_button_inner_ring_radius: 22%;
-	--_ui5_radio_button_read_only_border_type: none;
+	--_ui5_radio_button_read_only_border_type: 4,2;
 	--_ui5_radio_button_inner_ring_color: var(--sapSelectedColor);
 	--_ui5_radio_button_information_border_width: var(--sapField_InformationBorderWidth);
 	--_ui5_radio_button_read_only_border_width: var(--sapField_BorderWidth);

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

@@ -15,28 +15,16 @@
 	--_ui5_tc_headerItem_color: var(--sapContent_LabelColor);
 	--_ui5_tc_headerItem_additional_text_color: var(--sapContent_LabelColor);
 	--_ui5_tc_headerItem_text_hover_color: var(--_ui5_tc_headerItem_color);
-	--_ui5_tc_headerItem_text_selected_color: var(--sapSelectedColor);
+	--_ui5_tc_headerItem_text_selected_color: var(--sapTab_Selected_TextColor);
 	--_ui5_tc_headerItem_text_selected_hover_color: var(--sapSelectedColor);
 	--_ui5_tc_headeritem_text_font_weight: normal;
 	--_ui5_tc_headerItem_additional_text_font_weight: normal;
-	--_ui5_tc_headerItem_neutral_color: var(--sapNeutralTextColor);
-	--_ui5_tc_headerItem_positive_color: var(--sapPositiveTextColor);
-	--_ui5_tc_headerItem_negative_color: var(--sapNegativeTextColor);
-	--_ui5_tc_headerItem_critical_color: var(--sapCriticalTextColor);
-	--_ui5_tc_headerItem_neutral_border_color: var(--sapNeutralElementColor);
-	--_ui5_tc_headerItem_positive_border_color: var(--sapPositiveElementColor);
-	--_ui5_tc_headerItem_negative_border_color: var(--sapNegativeElementColor);
-	--_ui5_tc_headerItem_critical_border_color: var(--sapCriticalElementColor);
-	--_ui5_tc_headerItem_neutral_selected_border_color: var(--_ui5_tc_headerItem_neutral_color);
-	--_ui5_tc_headerItem_positive_selected_border_color: var(--_ui5_tc_headerItem_positive_color);
-	--_ui5_tc_headerItem_negative_selected_border_color: var(--_ui5_tc_headerItem_negative_color);
-	--_ui5_tc_headerItem_critical_selected_border_color: var(--_ui5_tc_headerItem_critical_color);
+	--_ui5_tc_headerItem_neutral_border_color: var(--sapTab_Neutral_ForegroundColor);
 	--_ui5_tc_headerItem_transition: none;
 	--_ui5_tc_headerItem_hover_border_visibility: hidden;
 	--_ui5_tc_headerItem_focus_offset: 0px;
 
 	--_ui5_tc_headerItemContent_border_radius: 0.125rem 0.125rem 0 0;
-	--_ui5_tc_headerItemContent_border_bottom: 0.125rem solid var(--sapSelectedColor);
 	--_ui5_tc_headerItemContent_border_bg: transparent;
 	--_ui5_tc_headerItem_neutral_border_bg: transparent;
 	--_ui5_tc_headerItem_positive_border_bg: transparent;
@@ -79,15 +67,7 @@
 
 	/* Header Item icons */
 	--_ui5_tc_headerItemIcon_border: 1px solid var(--sapHighlightColor);
-	--_ui5_tc_headerItemIcon_color: var(--sapHighlightColor);
-	--_ui5_tc_headerItemIcon_selected_background: var(--sapHighlightColor);
-	--_ui5_tc_headerItemIcon_selected_color: var(--sapGroup_ContentBackground);
-	--_ui5_tc_headerItemIcon_positive_selected_background: var(--sapPositiveColor);
-	--_ui5_tc_headerItemIcon_negative_selected_background: var(--sapNegativeColor);
-	--_ui5_tc_headerItemIcon_critical_selected_background: var(--sapCriticalColor);
-	--_ui5_tc_headerItemIcon_neutral_selected_background: var(--sapNeutralColor);
 	--_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapGroup_ContentBackground);
-	--_ui5_tc_headerItemIcon_background_color: transparent;
 
 	--_ui5_tc_overflowItem_default_color: var(--sapNeutralTextColor);
 	--_ui5_tc_overflowItem_current_color: CurrentColor;

package/src/themes/sap_fiori_3/TabContainer-parameters.css

@@ -3,9 +3,6 @@
 :root {
 	--_ui5_tc_header_border_bottom: 0.0625rem solid var(--sapObjectHeader_Background);
 
-	/* Header Item */
-	--_ui5_tc_headerItemContent_border_bottom: 0.1875rem solid var(--sapSelectedColor);
-
 	--_ui5_tc_overflowItem_default_color: var(--sapNeutralTextColor);
 	--_ui5_tc_overflowItem_current_color: CurrentColor;
 	--_ui5_tc_content_border_bottom: 0.0625rem solid var(--sapObjectHeader_BorderColor);

package/src/themes/sap_fiori_3_dark/TabContainer-parameters.css

@@ -3,9 +3,6 @@
 :root {
 	--_ui5_tc_header_border_bottom: 0.0625rem solid var(--sapObjectHeader_Background);
 
-	/* Header Item */
-	--_ui5_tc_headerItemContent_border_bottom: 0.1875rem solid var(--sapSelectedColor);
-
 	--_ui5_tc_overflowItem_default_color: var(--sapHighlightColor);
 	--_ui5_tc_overflowItem_current_color: CurrentColor;
 	--_ui5_tc_content_border_bottom: 0.0625rem solid var(--sapObjectHeader_BorderColor);

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

@@ -9,6 +9,7 @@
 	--_ui5_radio_button_hover_fill: var(--sapSelectedColor);
 	--_ui5_radio_button_border_width: 0.125rem;
 	--_ui5_radio_button_warning_error_border_dash: 5;
+	--_ui5_radio_button_read_only_border_type: none;
 	--_ui5_radio_button_inner_ring_color: var(--sapContent_IconColor);
 	--_ui5_radio_button_hover_fill_error: var(--sapField_InvalidBackground);
 }

package/src/themes/sap_fiori_3_hcb/TabContainer-parameters.css

@@ -4,33 +4,13 @@
 	--_ui5_tc_header_border_bottom: 0.125rem solid var(--sapPageHeader_BorderColor);
 
 	/* Header Item */
-	--_ui5_tc_headerItemContent_border_bottom: 0.25rem solid var(--sapPageHeader_BorderColor);
 	--_ui5_tc_headerItem_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
 	--_ui5_tc_headerItem_text_selected_color: var(--sapPageHeader_BorderColor);
 	--_ui5_tc_headerItem_text_selected_hover_color: var(--sapPageHeader_BorderColor);
-	--_ui5_tc_headerItem_neutral_color: var(--sapGroup_TitleTextColor);
-	--_ui5_tc_headerItem_positive_color: var(--sapGroup_TitleTextColor);
-	--_ui5_tc_headerItem_negative_color: var(--sapGroup_TitleTextColor);
-	--_ui5_tc_headerItem_critical_color: var(--sapGroup_TitleTextColor);
-	--_ui5_tc_headerItem_neutral_border_color: var(--_ui5_tc_headerItem_neutral_color);
-	--_ui5_tc_headerItem_positive_border_color: var(--_ui5_tc_headerItem_positive_color);
-	--_ui5_tc_headerItem_negative_border_color: var(--_ui5_tc_headerItem_negative_color);
-	--_ui5_tc_headerItem_critical_border_color: var(--_ui5_tc_headerItem_critical_color);
-	--_ui5_tc_headerItem_neutral_selected_border_color: var(--_ui5_tc_headerItem_neutral_color);
-	--_ui5_tc_headerItem_positive_selected_border_color: var(--_ui5_tc_headerItem_positive_color);
-	--_ui5_tc_headerItem_negative_selected_border_color: var(--_ui5_tc_headerItem_negative_color);
-	--_ui5_tc_headerItem_critical_selected_border_color: var(--_ui5_tc_headerItem_critical_color);
 	--_ui5_tc_headerItemSemanticIcon_display: inline-block;
 
 	/* Header Item icons */
 	--_ui5_tc_headerItemIcon_border: 1px solid var(--sapPageHeader_BorderColor);
-	--_ui5_tc_headerItemIcon_color: var(--sapPageHeader_BorderColor);
-	--_ui5_tc_headerItemIcon_selected_background: var(--sapSelectedColor);
-	--_ui5_tc_headerItemIcon_selected_color: var(--sapContent_IconColor);
-	--_ui5_tc_headerItemIcon_positive_selected_background: var(--sapSelectedColor);
-	--_ui5_tc_headerItemIcon_negative_selected_background: var(--sapSelectedColor);
-	--_ui5_tc_headerItemIcon_critical_selected_background: var(--sapSelectedColor);
-	--_ui5_tc_headerItemIcon_neutral_selected_background: var(--sapSelectedColor);
 	--_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapContent_IconColor);
 
 	/* Overflow Item */

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

@@ -9,6 +9,7 @@
 	--_ui5_radio_button_hover_fill: var(--sapSelectedColor);
 	--_ui5_radio_button_border_width: 0.125rem;
 	--_ui5_radio_button_warning_error_border_dash: 5;
+	--_ui5_radio_button_read_only_border_type: none;
 	--_ui5_radio_button_inner_ring_color: var(--sapContent_IconColor);
 	--_ui5_radio_button_hover_fill_error: var(--sapField_InvalidBackground);
 }

package/src/themes/sap_fiori_3_hcw/TabContainer-parameters.css

@@ -4,33 +4,13 @@
 	--_ui5_tc_header_border_bottom: 0.125rem solid var(--sapPageHeader_BorderColor);
 
 	/* Header Item */
-	--_ui5_tc_headerItemContent_border_bottom: 0.25rem solid var(--sapPageHeader_BorderColor);
 	--_ui5_tc_headerItem_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
 	--_ui5_tc_headerItem_text_selected_color: var(--sapPageHeader_BorderColor);
 	--_ui5_tc_headerItem_text_selected_hover_color: var(--sapPageHeader_BorderColor);
-	--_ui5_tc_headerItem_neutral_color: var(--sapGroup_TitleTextColor);
-	--_ui5_tc_headerItem_positive_color: var(--sapGroup_TitleTextColor);
-	--_ui5_tc_headerItem_negative_color: var(--sapGroup_TitleTextColor);
-	--_ui5_tc_headerItem_critical_color: var(--sapGroup_TitleTextColor);
-	--_ui5_tc_headerItem_neutral_border_color: var(--_ui5_tc_headerItem_neutral_color);
-	--_ui5_tc_headerItem_positive_border_color: var(--_ui5_tc_headerItem_positive_color);
-	--_ui5_tc_headerItem_negative_border_color: var(--_ui5_tc_headerItem_negative_color);
-	--_ui5_tc_headerItem_critical_border_color: var(--_ui5_tc_headerItem_critical_color);
-	--_ui5_tc_headerItem_neutral_selected_border_color: var(--_ui5_tc_headerItem_neutral_color);
-	--_ui5_tc_headerItem_positive_selected_border_color: var(--_ui5_tc_headerItem_positive_color);
-	--_ui5_tc_headerItem_negative_selected_border_color: var(--_ui5_tc_headerItem_negative_color);
-	--_ui5_tc_headerItem_critical_selected_border_color: var(--_ui5_tc_headerItem_critical_color);
 	--_ui5_tc_headerItemSemanticIcon_display: inline-block;
 
 	/* Header Item icons */
 	--_ui5_tc_headerItemIcon_border: 1px solid var(--sapPageHeader_BorderColor);
-	--_ui5_tc_headerItemIcon_color: var(--sapPageHeader_BorderColor);
-	--_ui5_tc_headerItemIcon_selected_background: var(--sapSelectedColor);
-	--_ui5_tc_headerItemIcon_selected_color: var(--sapContent_IconColor);
-	--_ui5_tc_headerItemIcon_positive_selected_background: var(--sapSelectedColor);
-	--_ui5_tc_headerItemIcon_negative_selected_background: var(--sapSelectedColor);
-	--_ui5_tc_headerItemIcon_critical_selected_background: var(--sapSelectedColor);
-	--_ui5_tc_headerItemIcon_neutral_selected_background: var(--sapSelectedColor);
 	--_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapContent_IconColor);
 
 	/* Overflow Item */

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

@@ -11,7 +11,6 @@
 	--_ui5_radio_button_label_color: var(--sapField_TextColor);
 	--_ui5_radio_button_inner_ring_radius: 27.5%;
 	--_ui5_radio_button_outer_ring_padding: 0 0.6875rem;
-	--_ui5_radio_button_read_only_border_type: 4,2;
 	--_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);
 	--_ui5_radio_button_checked_warning_fill: var(--sapField_WarningColor);
 	--_ui5_radio_button_read_only_inner_ring_color: var(--sapField_TextColor);

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

@@ -4,9 +4,8 @@
 	--_ui5_tc_header_border_bottom: 0.0625rem solid var(--sapObjectHeader_Background);
 
 	/* Header Item */
-	--_ui5_tc_headerItemContent_border_bottom: 0.1875rem solid var(--sapSelectedColor);
-	--_ui5_tc_headerItem_color: var(--sapTextColor);
-	--_ui5_tc_overflowItem_default_color: var(--sapTextColor);
+	--_ui5_tc_headerItem_color: var(--sapTab_TextColor);
+	--_ui5_tc_overflowItem_default_color: var(--sapTab_TextColor);
 	--_ui5_tc_overflowItem_current_color: CurrentColor;
 	--_ui5_tc_content_border_bottom: 0.0625rem solid var(--sapObjectHeader_BorderColor);
 	--_ui5_tc_headerItem_expand_button_margin_inline_start: 0rem;
@@ -21,14 +20,10 @@
 	--_ui5_tc_headerItem_focus_border_radius: 0.375rem;
 	--_ui5_tc_headeritem_text_font_weight: bold;
 	--_ui5_tc_headerItem_focus_offset: 1px;
-	--_ui5_tc_headerItem_text_hover_color: var(--sapContent_Selected_ForegroundColor);
+	--_ui5_tc_headerItem_text_hover_color: var(--sapTab_Selected_TextColor);
 
 	/* Header Item icons */
-	--_ui5_tc_headerItemIcon_border: 0.125rem solid var(--sapContent_Selected_ForegroundColor);
-	--_ui5_tc_headerItemIcon_color: var(--sapContent_Selected_ForegroundColor);
-	--_ui5_tc_headerItemIcon_selected_background: var(--sapContent_Selected_ForegroundColor);
-	--_ui5_tc_headerItemIcon_background_color: var(--sapContent_Selected_Background);
-	--_ui5_tc_headerItemIcon_selected_color: var(--sapContent_ContrastIconColor);
+	--_ui5_tc_headerItemIcon_border: 0.125rem solid var(--sapTab_ForegroundColor);
 
 	/* Mixed Mode */
 	--_ui5_tc_mixedMode_itemText_color: var(--sapTextColor);

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

@@ -9,4 +9,36 @@
 	--_ui5-tag-font: var(--sapFontSemiboldDuplexFamily);
 	--_ui5-tag-font-weight: normal;
 	--_ui5-tag-letter-spacing: normal;
+
+	/* set 2 */
+
+	--ui5-tag-set2-color-scheme-1-color: var(--sapIndicationColor_1b_TextColor);
+	--ui5-tag-set2-color-scheme-1-background: var(--sapIndicationColor_1b_Background);
+
+	--ui5-tag-set2-color-scheme-2-color: var(--sapIndicationColor_2b_TextColor);
+	--ui5-tag-set2-color-scheme-2-background: var(--sapIndicationColor_2b_Background);
+
+	--ui5-tag-set2-color-scheme-3-color: var(--sapIndicationColor_3b_TextColor);
+	--ui5-tag-set2-color-scheme-3-background: var(--sapIndicationColor_3b_Background);
+
+	--ui5-tag-set2-color-scheme-4-color: var(--sapIndicationColor_4b_TextColor);
+	--ui5-tag-set2-color-scheme-4-background: var(--sapIndicationColor_4b_Background);
+
+	--ui5-tag-set2-color-scheme-5-color: var(--sapIndicationColor_5b_TextColor);
+	--ui5-tag-set2-color-scheme-5-background: var(--sapIndicationColor_5b_Background);
+
+	--ui5-tag-set2-color-scheme-6-color: var(--sapIndicationColor_6b_TextColor);
+	--ui5-tag-set2-color-scheme-6-background: var(--sapIndicationColor_6b_Background);
+
+	--ui5-tag-set2-color-scheme-7-color: var(--sapIndicationColor_7b_TextColor);
+	--ui5-tag-set2-color-scheme-7-background: var(--sapIndicationColor_7b_Background);
+
+	--ui5-tag-set2-color-scheme-8-color: var(--sapIndicationColor_8b_TextColor);
+	--ui5-tag-set2-color-scheme-8-background: var(--sapIndicationColor_8b_Background);
+
+	--ui5-tag-set2-color-scheme-9-color: var(--sapIndicationColor_9b_TextColor);
+	--ui5-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9b_Background);
+
+	--ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10b_TextColor);
+	--ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10b_Background);
 }

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

@@ -11,7 +11,6 @@
 	--_ui5_radio_button_label_color: var(--sapField_TextColor);
 	--_ui5_radio_button_inner_ring_radius: 27.5%;
 	--_ui5_radio_button_outer_ring_padding: 0 0.6875rem;
-	--_ui5_radio_button_read_only_border_type: 4,2;
 	--_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);
 	--_ui5_radio_button_checked_warning_fill: var(--sapField_WarningColor);
 	--_ui5_radio_button_read_only_inner_ring_color: var(--sapField_TextColor);

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

@@ -4,9 +4,8 @@
 	--_ui5_tc_header_border_bottom: 0.0625rem solid var(--sapObjectHeader_Background);
 
 	/* Header Item */
-	--_ui5_tc_headerItemContent_border_bottom: 0.1875rem solid var(--sapSelectedColor);
-	--_ui5_tc_headerItem_color: var(--sapTextColor);
-	--_ui5_tc_overflowItem_default_color: var(--sapTextColor);
+	--_ui5_tc_headerItem_color: var(--sapTab_TextColor);
+	--_ui5_tc_overflowItem_default_color: var(--sapTab_TextColor);
 	--_ui5_tc_overflowItem_current_color: CurrentColor;
 	--_ui5_tc_content_border_bottom: 0.0625rem solid var(--sapObjectHeader_BorderColor);
 	--_ui5_tc_headerItem_expand_button_margin_inline_start: 0rem;
@@ -21,14 +20,10 @@
 	--_ui5_tc_headerItem_focus_border_radius: 0.375rem;
 	--_ui5_tc_headeritem_text_font_weight: bold;
 	--_ui5_tc_headerItem_focus_offset: 1px;
-	--_ui5_tc_headerItem_text_hover_color: var(--sapContent_Selected_ForegroundColor);
+	--_ui5_tc_headerItem_text_hover_color: var(--sapTab_Selected_TextColor);
 
 	/* Header Item icons */
-	--_ui5_tc_headerItemIcon_border: 0.125rem solid var(--sapContent_Selected_ForegroundColor);
-	--_ui5_tc_headerItemIcon_color: var(--sapContent_Selected_ForegroundColor);
-	--_ui5_tc_headerItemIcon_selected_background: var(--sapContent_Selected_ForegroundColor);
-	--_ui5_tc_headerItemIcon_background_color: var(--sapContent_Selected_Background);
-	--_ui5_tc_headerItemIcon_selected_color: var(--sapContent_ContrastIconColor);
+	--_ui5_tc_headerItemIcon_border: 0.125rem solid var(--sapTab_ForegroundColor);
 
 	/* Mixed Mode */
 	--_ui5_tc_mixedMode_itemText_color: var(--sapTextColor);

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

@@ -9,4 +9,36 @@
 	--_ui5-tag-font: var(--sapFontSemiboldDuplexFamily);
 	--_ui5-tag-font-weight: normal;
 	--_ui5-tag-letter-spacing: normal;
+
+	/* set 2 */
+
+	--ui5-tag-set2-color-scheme-1-color: var(--sapIndicationColor_1b_TextColor);
+	--ui5-tag-set2-color-scheme-1-background: var(--sapIndicationColor_1b_Background);
+
+	--ui5-tag-set2-color-scheme-2-color: var(--sapIndicationColor_2b_TextColor);
+	--ui5-tag-set2-color-scheme-2-background: var(--sapIndicationColor_2b_Background);
+
+	--ui5-tag-set2-color-scheme-3-color: var(--sapIndicationColor_3b_TextColor);
+	--ui5-tag-set2-color-scheme-3-background: var(--sapIndicationColor_3b_Background);
+
+	--ui5-tag-set2-color-scheme-4-color: var(--sapIndicationColor_4b_TextColor);
+	--ui5-tag-set2-color-scheme-4-background: var(--sapIndicationColor_4b_Background);
+
+	--ui5-tag-set2-color-scheme-5-color: var(--sapIndicationColor_5b_TextColor);
+	--ui5-tag-set2-color-scheme-5-background: var(--sapIndicationColor_5b_Background);
+
+	--ui5-tag-set2-color-scheme-6-color: var(--sapIndicationColor_6b_TextColor);
+	--ui5-tag-set2-color-scheme-6-background: var(--sapIndicationColor_6b_Background);
+
+	--ui5-tag-set2-color-scheme-7-color: var(--sapIndicationColor_7b_TextColor);
+	--ui5-tag-set2-color-scheme-7-background: var(--sapIndicationColor_7b_Background);
+
+	--ui5-tag-set2-color-scheme-8-color: var(--sapIndicationColor_8b_TextColor);
+	--ui5-tag-set2-color-scheme-8-background: var(--sapIndicationColor_8b_Background);
+
+	--ui5-tag-set2-color-scheme-9-color: var(--sapIndicationColor_9b_TextColor);
+	--ui5-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9b_Background);
+
+	--ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10b_TextColor);
+	--ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10b_Background);
 }

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

@@ -9,6 +9,7 @@
 	--_ui5_radio_button_hover_fill_information: var(--sapField_Selector_Hover_InformationBackground);
 	--_ui5_radio_button_border_width: 0.125rem;
 	--_ui5_radio_button_warning_error_border_dash: 5;
+	--_ui5_radio_button_read_only_border_type: none;
 	--_ui5_radio_button_inner_ring_radius: 27.5%;
 	--_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor);
 	--_ui5_radio_button_outer_ring_width: 2px; /* px used due to bug in Safari on zoom */

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

@@ -4,37 +4,18 @@
 	--_ui5_tc_header_border_bottom: 0.125rem solid var(--sapPageHeader_BorderColor);
 
 	/* Header Item */
-	--_ui5_tc_headerItemContent_border_bottom: 0.3125rem solid var(--sapPageHeader_BorderColor);
+	--_ui5_tc_headerItem_color: var(--sapTab_TextColor);
+	--_ui5_tc_overflowItem_default_color: var(--sapTab_TextColor);
 	--_ui5_tc_headerItem_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
-	--_ui5_tc_headerItem_text_selected_color: var(--sapPageHeader_BorderColor);
 	--_ui5_tc_headerItem_text_selected_hover_color: var(--sapPageHeader_BorderColor);
-	--_ui5_tc_headerItem_neutral_color: var(--sapTextColor);
-	--_ui5_tc_headerItem_positive_color: var(--sapTextColor);
-	--_ui5_tc_headerItem_negative_color: var(--sapTextColor);
-	--_ui5_tc_headerItem_critical_color: var(--sapTextColor);
-	--_ui5_tc_headerItem_neutral_border_color: var(--_ui5_tc_headerItem_neutral_color);
-	--_ui5_tc_headerItem_positive_border_color: var(--_ui5_tc_headerItem_positive_color);
-	--_ui5_tc_headerItem_negative_border_color: var(--_ui5_tc_headerItem_negative_color);
-	--_ui5_tc_headerItem_critical_border_color: var(--_ui5_tc_headerItem_critical_color);
-	--_ui5_tc_headerItem_neutral_selected_border_color: var(--_ui5_tc_headerItem_neutral_color);
-	--_ui5_tc_headerItem_positive_selected_border_color: var(--_ui5_tc_headerItem_positive_color);
-	--_ui5_tc_headerItem_negative_selected_border_color: var(--_ui5_tc_headerItem_negative_color);
-	--_ui5_tc_headerItem_critical_selected_border_color: var(--_ui5_tc_headerItem_critical_color);
 	--_ui5_tc_headerItemSemanticIcon_display: inline-block;
 	--_ui5_tc_headerItem_expand_button_margin_inline_start: 0rem;
 	--_ui5_tc_headerItem_single_click_expand_button_margin_inline_start: 0.25rem;
 	--_ui5_tc_headerItem_expand_button_border_radius: 0.25rem;
+	--_ui5_tc_headerItem_text_hover_color: var(--sapTab_Selected_TextColor);
 
 	/* Header Item icons */
-	--_ui5_tc_headerItemIcon_border: 1px solid var(--sapPageHeader_BorderColor);
-	--_ui5_tc_headerItemIcon_color: var(--sapPageHeader_BorderColor);
-	--_ui5_tc_headerItemIcon_selected_background: var(--sapSelectedColor);
-	--_ui5_tc_headerItemIcon_selected_color: var(--sapContent_IconColor);
-	--_ui5_tc_headerItemIcon_positive_selected_background: var(--sapSelectedColor);
-	--_ui5_tc_headerItemIcon_negative_selected_background: var(--sapSelectedColor);
-	--_ui5_tc_headerItemIcon_critical_selected_background: var(--sapSelectedColor);
-	--_ui5_tc_headerItemIcon_neutral_selected_background: var(--sapSelectedColor);
-	--_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapContent_IconColor);
+	--_ui5_tc_headerItemIcon_border: 0.125rem solid var(--sapTab_ForegroundColor);
 
 	/* Overflow Item */
 	--_ui5_tc_overflowItem_positive_color: var(--sapTextColor);