@ui5/webcomponents 1.24.11 → 1.24.13

package/src/themes/MenuListItem.css

@@ -45,6 +45,7 @@
 	white-space: nowrap;
 	pointer-events: none;
 	display: inline-block;
+	font-size: var(--sapFontSize);
 }
 
 .ui5-menu-item-dummy-icon {

package/src/themes/SegmentedButton.css

@@ -36,14 +36,14 @@
 	background-color: var(--sapButton_Hover_Background);
 }
 
-::slotted([ui5-segmented-button-item][pressed]:not([disabled])),
-::slotted([ui5-segmented-button-item][active]:not([disabled])) {
+::slotted([ui5-segmented-button-item][pressed]),
+::slotted([ui5-segmented-button-item][active]) {
 	border-color: var(--sapButton_Selected_BorderColor);
 	background-color: var(--sapButton_Selected_Background);
 	color: var(--sapButton_Selected_TextColor);
 }
 
-::slotted([ui5-segmented-button-item][pressed]:not([disabled]):hover) {
+::slotted([ui5-segmented-button-item][pressed]):hover {
 	border-color: var(--sapButton_Selected_Hover_BorderColor);
 	background-color: var(--sapButton_Selected_Hover_Background);
 	color: var(--sapButton_Selected_TextColor);

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

@@ -43,4 +43,106 @@
 
 	--ui5-badge-text-shadow: none;
 	--ui5-badge-contrast-text-shadow: none;
+
+	/* set 2 */
+
+	--ui5-badge-set2-color-scheme-1-color: var(--sapIndicationColor_1_TextColor);
+	--ui5-badge-set2-color-scheme-1-background: var(--sapIndicationColor_1_Background);
+	--ui5-badge-set2-color-scheme-1-border: var(--sapIndicationColor_1_BorderColor);
+
+	--ui5-badge-set2-color-scheme-1-hover-background: var(--sapIndicationColor_1_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-1-active-color: var(--sapIndicationColor_1_Active_TextColor);
+	--ui5-badge-set2-color-scheme-1-active-background: var(--sapIndicationColor_1_Active_Background);
+	--ui5-badge-set2-color-scheme-1-active-border: var(--sapIndicationColor_1_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-2-color: var(--sapIndicationColor_2_TextColor);
+	--ui5-badge-set2-color-scheme-2-background: var(--sapIndicationColor_2_Background);
+	--ui5-badge-set2-color-scheme-2-border: var(--sapIndicationColor_2_BorderColor);
+
+	--ui5-badge-set2-color-scheme-2-hover-background: var(--sapIndicationColor_2b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-2-active-color: var(--sapIndicationColor_2_Active_TextColor);
+	--ui5-badge-set2-color-scheme-2-active-background: var(--sapIndicationColor_2_Active_Background);
+	--ui5-badge-set2-color-scheme-2-active-border: var(--sapIndicationColor_2_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-3-color: var(--sapIndicationColor_3_TextColor);
+	--ui5-badge-set2-color-scheme-3-background: var(--sapIndicationColor_3_Background);
+	--ui5-badge-set2-color-scheme-3-border: var(--sapIndicationColor_3_BorderColor);
+
+	--ui5-badge-set2-color-scheme-3-hover-background: var(--sapIndicationColor_3b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-3-active-color: var(--sapIndicationColor_3_Active_TextColor);
+	--ui5-badge-set2-color-scheme-3-active-background: var(--sapIndicationColor_3_Active_Background);
+	--ui5-badge-set2-color-scheme-3-active-border: var(--sapIndicationColor_3_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-4-color: var(--sapIndicationColor_4_TextColor);
+	--ui5-badge-set2-color-scheme-4-background: var(--sapIndicationColor_4_Background);
+	--ui5-badge-set2-color-scheme-4-border: var(--sapIndicationColor_4_BorderColor);
+
+	--ui5-badge-set2-color-scheme-4-hover-background: var(--sapIndicationColor_4b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-4-active-color: var(--sapIndicationColor_4_Active_TextColor);
+	--ui5-badge-set2-color-scheme-4-active-background: var(--sapIndicationColor_4_Active_Background);
+	--ui5-badge-set2-color-scheme-4-active-border: var(--sapIndicationColor_4_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-5-color: var(--sapIndicationColor_5_TextColor);
+	--ui5-badge-set2-color-scheme-5-background: var(--sapIndicationColor_5_Background);
+	--ui5-badge-set2-color-scheme-5-border: var(--sapIndicationColor_5_BorderColor);
+
+	--ui5-badge-set2-color-scheme-5-hover-background: var(--sapIndicationColor_5b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-5-active-color: var(--sapIndicationColor_5_Active_TextColor);
+	--ui5-badge-set2-color-scheme-5-active-background: var(--sapIndicationColor_5_Active_Background);
+	--ui5-badge-set2-color-scheme-5-active-border: var(--sapIndicationColor_5_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-6-color: var(--sapIndicationColor_6_TextColor);
+	--ui5-badge-set2-color-scheme-6-background: var(--sapIndicationColor_6_Background);
+	--ui5-badge-set2-color-scheme-6-border: var(--sapIndicationColor_6_BorderColor);
+
+	--ui5-badge-set2-color-scheme-6-hover-background: var(--sapIndicationColor_6b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-6-active-color: var(--sapIndicationColor_6_Active_TextColor);
+	--ui5-badge-set2-color-scheme-6-active-background: var(--sapIndicationColor_6_Active_Background);
+	--ui5-badge-set2-color-scheme-6-active-border: var(--sapIndicationColor_6_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-7-color: var(--sapIndicationColor_7_TextColor);
+	--ui5-badge-set2-color-scheme-7-background: var(--sapIndicationColor_7_Background);
+	--ui5-badge-set2-color-scheme-7-border: var(--sapIndicationColor_7_BorderColor);
+
+	--ui5-badge-set2-color-scheme-7-hover-background: var(--sapIndicationColor_7b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-7-active-color: var(--sapIndicationColor_7_Active_TextColor);
+	--ui5-badge-set2-color-scheme-7-active-background: var(--sapIndicationColor_7_Active_Background);
+	--ui5-badge-set2-color-scheme-7-active-border: var(--sapIndicationColor_7_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-8-color: var(--sapIndicationColor_8_TextColor);
+	--ui5-badge-set2-color-scheme-8-background: var(--sapIndicationColor_8_Background);
+	--ui5-badge-set2-color-scheme-8-border: var(--sapIndicationColor_8_BorderColor);
+
+	--ui5-badge-set2-color-scheme-8-hover-background: var(--sapIndicationColor_8b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-8-active-color: var(--sapIndicationColor_8_Active_TextColor);
+	--ui5-badge-set2-color-scheme-8-active-background: var(--sapIndicationColor_8_Active_Background);
+	--ui5-badge-set2-color-scheme-8-active-border: var(--sapIndicationColor_8_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-9-color: var(--sapIndicationColor_9_TextColor);
+	--ui5-badge-set2-color-scheme-9-background: var(--sapIndicationColor_9_Background);
+	--ui5-badge-set2-color-scheme-9-border: var(--sapIndicationColor_9_BorderColor);
+
+	--ui5-badge-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor);
+	--ui5-badge-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background);
+	--ui5-badge-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-10-color: var(--sapIndicationColor_10_TextColor);
+	--ui5-badge-set2-color-scheme-10-background: var(--sapIndicationColor_10_Background);
+	--ui5-badge-set2-color-scheme-10-border: var(--sapIndicationColor_10_BorderColor);
+
+	--ui5-badge-set2-color-scheme-10-hover-background: var(--sapIndicationColor_10b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-10-active-color: var(--sapIndicationColor_10_Active_TextColor);
+	--ui5-badge-set2-color-scheme-10-active-background: var(--sapIndicationColor_10_Active_Background);
+	--ui5-badge-set2-color-scheme-10-active-border: var(--sapIndicationColor_10_Active_BorderColor);
 }

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

@@ -43,4 +43,106 @@
 
 	--ui5-badge-text-shadow: none;
 	--ui5-badge-contrast-text-shadow: none;
+
+	/* set 2 */
+
+	--ui5-badge-set2-color-scheme-1-color: var(--sapIndicationColor_1_TextColor);
+	--ui5-badge-set2-color-scheme-1-background: var(--sapIndicationColor_1_Background);
+	--ui5-badge-set2-color-scheme-1-border: var(--sapIndicationColor_1_BorderColor);
+
+	--ui5-badge-set2-color-scheme-1-hover-background: var(--sapIndicationColor_1_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-1-active-color: var(--sapIndicationColor_1_Active_TextColor);
+	--ui5-badge-set2-color-scheme-1-active-background: var(--sapIndicationColor_1_Active_Background);
+	--ui5-badge-set2-color-scheme-1-active-border: var(--sapIndicationColor_1_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-2-color: var(--sapIndicationColor_2_TextColor);
+	--ui5-badge-set2-color-scheme-2-background: var(--sapIndicationColor_2_Background);
+	--ui5-badge-set2-color-scheme-2-border: var(--sapIndicationColor_2_BorderColor);
+
+	--ui5-badge-set2-color-scheme-2-hover-background: var(--sapIndicationColor_2b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-2-active-color: var(--sapIndicationColor_2_Active_TextColor);
+	--ui5-badge-set2-color-scheme-2-active-background: var(--sapIndicationColor_2_Active_Background);
+	--ui5-badge-set2-color-scheme-2-active-border: var(--sapIndicationColor_2_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-3-color: var(--sapIndicationColor_3_TextColor);
+	--ui5-badge-set2-color-scheme-3-background: var(--sapIndicationColor_3_Background);
+	--ui5-badge-set2-color-scheme-3-border: var(--sapIndicationColor_3_BorderColor);
+
+	--ui5-badge-set2-color-scheme-3-hover-background: var(--sapIndicationColor_3b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-3-active-color: var(--sapIndicationColor_3_Active_TextColor);
+	--ui5-badge-set2-color-scheme-3-active-background: var(--sapIndicationColor_3_Active_Background);
+	--ui5-badge-set2-color-scheme-3-active-border: var(--sapIndicationColor_3_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-4-color: var(--sapIndicationColor_4_TextColor);
+	--ui5-badge-set2-color-scheme-4-background: var(--sapIndicationColor_4_Background);
+	--ui5-badge-set2-color-scheme-4-border: var(--sapIndicationColor_4_BorderColor);
+
+	--ui5-badge-set2-color-scheme-4-hover-background: var(--sapIndicationColor_4b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-4-active-color: var(--sapIndicationColor_4_Active_TextColor);
+	--ui5-badge-set2-color-scheme-4-active-background: var(--sapIndicationColor_4_Active_Background);
+	--ui5-badge-set2-color-scheme-4-active-border: var(--sapIndicationColor_4_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-5-color: var(--sapIndicationColor_5_TextColor);
+	--ui5-badge-set2-color-scheme-5-background: var(--sapIndicationColor_5_Background);
+	--ui5-badge-set2-color-scheme-5-border: var(--sapIndicationColor_5_BorderColor);
+
+	--ui5-badge-set2-color-scheme-5-hover-background: var(--sapIndicationColor_5b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-5-active-color: var(--sapIndicationColor_5_Active_TextColor);
+	--ui5-badge-set2-color-scheme-5-active-background: var(--sapIndicationColor_5_Active_Background);
+	--ui5-badge-set2-color-scheme-5-active-border: var(--sapIndicationColor_5_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-6-color: var(--sapIndicationColor_6_TextColor);
+	--ui5-badge-set2-color-scheme-6-background: var(--sapIndicationColor_6_Background);
+	--ui5-badge-set2-color-scheme-6-border: var(--sapIndicationColor_6_BorderColor);
+
+	--ui5-badge-set2-color-scheme-6-hover-background: var(--sapIndicationColor_6b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-6-active-color: var(--sapIndicationColor_6_Active_TextColor);
+	--ui5-badge-set2-color-scheme-6-active-background: var(--sapIndicationColor_6_Active_Background);
+	--ui5-badge-set2-color-scheme-6-active-border: var(--sapIndicationColor_6_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-7-color: var(--sapIndicationColor_7_TextColor);
+	--ui5-badge-set2-color-scheme-7-background: var(--sapIndicationColor_7_Background);
+	--ui5-badge-set2-color-scheme-7-border: var(--sapIndicationColor_7_BorderColor);
+
+	--ui5-badge-set2-color-scheme-7-hover-background: var(--sapIndicationColor_7b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-7-active-color: var(--sapIndicationColor_7_Active_TextColor);
+	--ui5-badge-set2-color-scheme-7-active-background: var(--sapIndicationColor_7_Active_Background);
+	--ui5-badge-set2-color-scheme-7-active-border: var(--sapIndicationColor_7_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-8-color: var(--sapIndicationColor_8_TextColor);
+	--ui5-badge-set2-color-scheme-8-background: var(--sapIndicationColor_8_Background);
+	--ui5-badge-set2-color-scheme-8-border: var(--sapIndicationColor_8_BorderColor);
+
+	--ui5-badge-set2-color-scheme-8-hover-background: var(--sapIndicationColor_8b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-8-active-color: var(--sapIndicationColor_8_Active_TextColor);
+	--ui5-badge-set2-color-scheme-8-active-background: var(--sapIndicationColor_8_Active_Background);
+	--ui5-badge-set2-color-scheme-8-active-border: var(--sapIndicationColor_8_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-9-color: var(--sapIndicationColor_9_TextColor);
+	--ui5-badge-set2-color-scheme-9-background: var(--sapIndicationColor_9_Background);
+	--ui5-badge-set2-color-scheme-9-border: var(--sapIndicationColor_9_BorderColor);
+
+	--ui5-badge-set2-color-scheme-9-hover-background: var(--sapIndicationColor_9b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-9-active-color: var(--sapIndicationColor_9_Active_TextColor);
+	--ui5-badge-set2-color-scheme-9-active-background: var(--sapIndicationColor_9_Active_Background);
+	--ui5-badge-set2-color-scheme-9-active-border: var(--sapIndicationColor_9_Active_BorderColor);
+
+	--ui5-badge-set2-color-scheme-10-color: var(--sapIndicationColor_10_TextColor);
+	--ui5-badge-set2-color-scheme-10-background: var(--sapIndicationColor_10_Background);
+	--ui5-badge-set2-color-scheme-10-border: var(--sapIndicationColor_10_BorderColor);
+
+	--ui5-badge-set2-color-scheme-10-hover-background: var(--sapIndicationColor_10b_Hover_Background);
+
+	--ui5-badge-set2-color-scheme-10-active-color: var(--sapIndicationColor_10_Active_TextColor);
+	--ui5-badge-set2-color-scheme-10-active-background: var(--sapIndicationColor_10_Active_Background);
+	--ui5-badge-set2-color-scheme-10-active-border: var(--sapIndicationColor_10_Active_BorderColor);
 }