npm - @ui5/webcomponents - Versions diffs - 2.9.0-rc.0 → 2.9.0-rc.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (570) hide show

package/src/themes/TabInStrip.css CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/TabContainer-parameters.css CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/TabContainer-parameters.css CHANGED Viewed

@@ -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/TabContainer-parameters.css CHANGED Viewed

@@ -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/TabContainer-parameters.css CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/TabContainer-parameters.css CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/TabContainer-parameters.css CHANGED Viewed

@@ -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);

package/src/themes/sap_horizon_hcb/Tag-parameters.css CHANGED Viewed

@@ -15,8 +15,8 @@
 	/* set 2 */
-	--ui5-tag-set2-color-scheme-1-color: var(--sapIndicationColor_1_TextColor);
-	--ui5-tag-set2-color-scheme-1-background: var(--sapIndicationColor_1_Background);
+	--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-1-border: var(--sapIndicationColor_1_BorderColor);
 	--ui5-tag-set2-color-scheme-1-hover-background: var(--sapIndicationColor_1_Hover_Background);
@@ -25,8 +25,8 @@
 	--ui5-tag-set2-color-scheme-1-active-background: var(--sapIndicationColor_1_Active_Background);
 	--ui5-tag-set2-color-scheme-1-active-border: var(--sapIndicationColor_1_Active_BorderColor);
-	--ui5-tag-set2-color-scheme-2-color: var(--sapIndicationColor_2_TextColor);
-	--ui5-tag-set2-color-scheme-2-background: var(--sapIndicationColor_2_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-2-border: var(--sapIndicationColor_2_BorderColor);
 	--ui5-tag-set2-color-scheme-2-hover-background: var(--sapIndicationColor_2_Hover_Background);
@@ -35,8 +35,8 @@
 	--ui5-tag-set2-color-scheme-2-active-background: var(--sapIndicationColor_2_Active_Background);
 	--ui5-tag-set2-color-scheme-2-active-border: var(--sapIndicationColor_2_Active_BorderColor);
-	--ui5-tag-set2-color-scheme-3-color: var(--sapIndicationColor_3_TextColor);
-	--ui5-tag-set2-color-scheme-3-background: var(--sapIndicationColor_3_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-3-border: var(--sapIndicationColor_3_BorderColor);
 	--ui5-tag-set2-color-scheme-3-hover-background: var(--sapIndicationColor_3_Hover_Background);
@@ -45,8 +45,8 @@
 	--ui5-tag-set2-color-scheme-3-active-background: var(--sapIndicationColor_3_Active_Background);
 	--ui5-tag-set2-color-scheme-3-active-border: var(--sapIndicationColor_3_Active_BorderColor);
-	--ui5-tag-set2-color-scheme-4-color: var(--sapIndicationColor_4_TextColor);
-	--ui5-tag-set2-color-scheme-4-background: var(--sapIndicationColor_4_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-4-border: var(--sapIndicationColor_4_BorderColor);
 	--ui5-tag-set2-color-scheme-4-hover-background: var(--sapIndicationColor_4_Hover_Background);
@@ -55,8 +55,8 @@
 	--ui5-tag-set2-color-scheme-4-active-background: var(--sapIndicationColor_4_Active_Background);
 	--ui5-tag-set2-color-scheme-4-active-border: var(--sapIndicationColor_4_Active_BorderColor);
-	--ui5-tag-set2-color-scheme-5-color: var(--sapIndicationColor_5_TextColor);
-	--ui5-tag-set2-color-scheme-5-background: var(--sapIndicationColor_5_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-5-border: var(--sapIndicationColor_5_BorderColor);
 	--ui5-tag-set2-color-scheme-5-hover-background: var(--sapIndicationColor_5_Hover_Background);
@@ -65,8 +65,8 @@
 	--ui5-tag-set2-color-scheme-5-active-background: var(--sapIndicationColor_5_Active_Background);
 	--ui5-tag-set2-color-scheme-5-active-border: var(--sapIndicationColor_5_Active_BorderColor);
-	--ui5-tag-set2-color-scheme-6-color: var(--sapIndicationColor_6_TextColor);
-	--ui5-tag-set2-color-scheme-6-background: var(--sapIndicationColor_6_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-6-border: var(--sapIndicationColor_6_BorderColor);
 	--ui5-tag-set2-color-scheme-6-hover-background: var(--sapIndicationColor_6_Hover_Background);
@@ -75,8 +75,8 @@
 	--ui5-tag-set2-color-scheme-6-active-background: var(--sapIndicationColor_6_Active_Background);
 	--ui5-tag-set2-color-scheme-6-active-border: var(--sapIndicationColor_6_Active_BorderColor);
-	--ui5-tag-set2-color-scheme-7-color: var(--sapIndicationColor_7_TextColor);
-	--ui5-tag-set2-color-scheme-7-background: var(--sapIndicationColor_7_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-7-border: var(--sapIndicationColor_7_BorderColor);
 	--ui5-tag-set2-color-scheme-7-hover-background: var(--sapIndicationColor_7_Hover_Background);
@@ -85,8 +85,8 @@
 	--ui5-tag-set2-color-scheme-7-active-background: var(--sapIndicationColor_7_Active_Background);
 	--ui5-tag-set2-color-scheme-7-active-border: var(--sapIndicationColor_7_Active_BorderColor);
-	--ui5-tag-set2-color-scheme-8-color: var(--sapIndicationColor_8_TextColor);
-	--ui5-tag-set2-color-scheme-8-background: var(--sapIndicationColor_8_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-8-border: var(--sapIndicationColor_8_BorderColor);
 	--ui5-tag-set2-color-scheme-8-hover-background: var(--sapIndicationColor_8_Hover_Background);
@@ -95,14 +95,14 @@
 	--ui5-tag-set2-color-scheme-8-active-background: var(--sapIndicationColor_8_Active_Background);
 	--ui5-tag-set2-color-scheme-8-active-border: var(--sapIndicationColor_8_Active_BorderColor);
-	--ui5-tag-set2-color-scheme-9-color: var(--sapIndicationColor_9_TextColor);
-	--ui5-tag-set2-color-scheme-9-background: var(--sapIndicationColor_9_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-9-border: var(--sapIndicationColor_9_BorderColor);
 	--ui5-tag-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9_Hover_Background);
-	--ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10_TextColor);
-	--ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10_Background);
+	--ui5-tag-set2-color-scheme-10-color: var(--sapIndicationColor_10b_TextColor);
+	--ui5-tag-set2-color-scheme-10-background: var(--sapIndicationColor_10b_Background);
 	--ui5-tag-set2-color-scheme-10-border: var(--sapIndicationColor_10_BorderColor);
 	--ui5-tag-set2-color-scheme-10-hover-background: var(--sapIndicationColor_10_Hover_Background);