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

package/src/themes/MessageStrip.css

@@ -55,12 +55,12 @@
 	color: var(--sapNegativeElementColor);
 }
 
-.ui5-message-strip-root--critical {
+.ui5-message-strip-root--warning {
 	background-color: var(--sapWarningBackground);
 	border-color: var(--sapMessage_WarningBorderColor);
 }
 
-.ui5-message-strip-root--critical .ui5-message-strip-icon {
+.ui5-message-strip-root--warning .ui5-message-strip-icon {
 	color: var(--sapCriticalElementColor);
 }
 
@@ -88,157 +88,4 @@
 	position: absolute;
 	top: var(--_ui5_message_strip_close_button_top);
 	inset-inline-end: var(--_ui5_message_strip_close_button_right);
-}
-
-:host([color-scheme="1"]) .ui5-message-strip-root--color-set-1,
-:host(:not([color-scheme])[design="ColorSet1"]) .ui5-message-strip-root--color-set-1 {
-	background-color: var(--sapIndicationColor_1_Background);
-	border-color: var(--sapIndicationColor_1_BorderColor);
-}
-
-:host([color-scheme="2"]) .ui5-message-strip-root--color-set-1 {
-	background-color: var(--sapIndicationColor_2_Background);
-	border-color: var(--sapIndicationColor_2_BorderColor);
-}
-
-:host([color-scheme="3"]) .ui5-message-strip-root--color-set-1 {
-	background-color: var(--sapIndicationColor_3_Background);
-	border-color: var(--sapIndicationColor_3_BorderColor);
-}
-
-:host([color-scheme="4"]) .ui5-message-strip-root--color-set-1 {
-	background-color: var(--sapIndicationColor_4_Background);
-	border-color: var(--sapIndicationColor_4_BorderColor);
-}
-
-:host([color-scheme="5"]) .ui5-message-strip-root--color-set-1 {
-	background-color: var(--sapIndicationColor_5_Background);
-	border-color: var(--sapIndicationColor_5_BorderColor);
-}
-
-:host([color-scheme="6"]) .ui5-message-strip-root--color-set-1 {
-	background-color: var(--sapIndicationColor_6_Background);
-	border-color: var(--sapIndicationColor_6_BorderColor);
-}
-
-:host([color-scheme="7"]) .ui5-message-strip-root--color-set-1 {
-	background-color: var(--sapIndicationColor_7_Background);
-	border-color: var(--sapIndicationColor_7_BorderColor);
-}
-
-:host([color-scheme="8"]) .ui5-message-strip-root--color-set-1 {
-	background-color: var(--sapIndicationColor_8_Background);
-	border-color: var(--sapIndicationColor_8_BorderColor);
-}
-
-:host([color-scheme="9"]) .ui5-message-strip-root--color-set-1 {
-	background-color: var(--sapIndicationColor_9_Background);
-	border-color: var(--sapIndicationColor_9_BorderColor);
-}
-
-:host([color-scheme="10"]) .ui5-message-strip-root--color-set-1 {
-	background-color: var(--sapIndicationColor_10_Background);
-	border-color: var(--sapIndicationColor_10_BorderColor);
-}
-
-:host([color-scheme="1"]) .ui5-message-strip-root--color-set-2,
-:host(:not([color-scheme])[design="ColorSet2"]) .ui5-message-strip-root--color-set-2 {
-	background-color: var(--_ui5_message_strip_scheme_1_set_2_background);
-	border-color: var(--_ui5_message_strip_scheme_1_set_2_border_color)
-}
-
-:host([color-scheme="2"]) .ui5-message-strip-root--color-set-2 {
-	background-color: var(--_ui5_message_strip_scheme_2_set_2_background);
-	border-color: var(--_ui5_message_strip_scheme_2_set_2_border_color);
-}
-
-:host([color-scheme="3"]) .ui5-message-strip-root--color-set-2 {
-	background-color: var(--_ui5_message_strip_scheme_3_set_2_background);
-	border-color: var(--_ui5_message_strip_scheme_3_set_2_border_color);
-}
-
-:host([color-scheme="4"]) .ui5-message-strip-root--color-set-2 {
-	background-color: var(--_ui5_message_strip_scheme_4_set_2_background);
-	border-color: var(--_ui5_message_strip_scheme_4_set_2_border_color);
-}
-
-:host([color-scheme="5"]) .ui5-message-strip-root--color-set-2 {
-	background-color: var(--_ui5_message_strip_scheme_5_set_2_background);
-	border-color: var(--_ui5_message_strip_scheme_5_set_2_border_color);
-}
-
-:host([color-scheme="6"]) .ui5-message-strip-root--color-set-2 {
-	background-color: var(--_ui5_message_strip_scheme_6_set_2_background);
-	border-color: var(--_ui5_message_strip_scheme_6_set_2_border_color);
-}
-
-:host([color-scheme="7"]) .ui5-message-strip-root--color-set-2 {
-	background-color: var(--_ui5_message_strip_scheme_7_set_2_background);
-	border-color: var(--_ui5_message_strip_scheme_7_set_2_border_color);
-}
-
-:host([color-scheme="8"]) .ui5-message-strip-root--color-set-2 {
-	background-color: var(--_ui5_message_strip_scheme_8_set_2_background);
-	border-color: var(--_ui5_message_strip_scheme_8_set_2_border_color);
-}
-
-:host([color-scheme="9"]) .ui5-message-strip-root--color-set-2 {
-	background-color: var(--_ui5_message_strip_scheme_9_set_2_background);
-	border-color: var(--_ui5_message_strip_scheme_9_set_2_border_color);
-}
-
-:host([color-scheme="10"]) .ui5-message-strip-root--color-set-2 {
-	background-color: var(--_ui5_message_strip_scheme_10_set_2_background);
-	border-color: var(--_ui5_message_strip_scheme_10_set_2_border_color);
-}
-
-:host([design="ColorSet1"]) .ui5-message-strip-root .ui5-message-strip-text {
-	color: var(--sapContent_ContrastTextColor);
-	text-shadow: var(--sapContent_ContrastTextShadow);
-}
-
-:host([design="ColorSet1"]) .ui5-message-strip-root ::slotted([slot="icon"]){
-	color: var(--sapContent_ContrastIconColor);
-	text-shadow: var(--sapContent_ContrastTextShadow);
-}
-
-:host([design="ColorSet2"]) .ui5-message-strip-root .ui5-message-strip-text {
-	color: var(--sapTextColor);
-}
-
-:host([design="ColorSet1"]) .ui5-message-strip-close-button {
-	color: var(--_ui5_message_strip_close_button_color_set_1_color);
-}
-
-:host([design="ColorSet2"]) .ui5-message-strip-close-button,
-:host([design="ColorSet2"]) .ui5-message-strip-root ::slotted([slot="icon"]) { 
-	color: var(--sapContent_IconColor);
-}
-
-:host([design="ColorSet1"]) .ui5-message-strip-close-button:hover {
-	border-color: var(--sapContent_ContrastIconColor);
-	background-color: var(--_ui5_message_strip_close_button_color_set_1_background);
-	color: var(--_ui5_message_strip_close_button_color_set_1_hover_color);
-	text-shadow: var(--sapContent_ContrastTextShadow);
-}
-
-:host([design="ColorSet2"]) .ui5-message-strip-close-button:hover {
-	background-color: var(--_ui5_message_strip_close_button_color_set_2_background);
-	border-color: var(--sapContent_IconColor);
-	color: var(--sapContent_IconColor);
-}
-
-:host([design="ColorSet1"]) .ui5-message-strip-close-button:active {
-	background: none;
-	border-color: var(--sapContent_ContrastIconColor);
-}
-
-:host([design="ColorSet2"]) .ui5-message-strip-close-button:active {
-	background: none;
-	border-color: var(--sapContent_IconColor);
-}
-
-:host([design="ColorSet1"]) .ui5-message-strip-close-button::part(button):after,
-:host([design="ColorSet1"]) .ui5-message-strip-close-button::part(button):before {
-	border-color: var(--sapContent_ContrastFocusColor);
 }

package/src/themes/MultiComboBox.css

@@ -35,10 +35,6 @@
 	color: var(--sapLinkColor);
 }
 
-:host([disabled]) .ui5-multi-combobox-tokenizer {
-	opacity: 100%;
-}
-
 .ui5-multi-combobox-tokenizer::part(n-more-text) {
 	padding-inline-end: var(--_ui5_input_inner_space_to_n_more_text);
 }

package/src/themes/NavigationMenu.css

@@ -42,7 +42,9 @@
 
 .ui5-menu-rp.ui5-navigation-menu {
     box-shadow: var(--_ui5_side_navigation_popup_box_shadow);
+    width: auto;
     min-width: 10rem;
+    height: auto;
     background: var(--sapGroup_ContentBackground);
     border: none;
     border-radius: 0.75rem;

package/src/themes/Popover.css

@@ -8,58 +8,58 @@
 	box-shadow: var(--_ui5_popover_no_arrow_box_shadow);
 }
 
-:host([opened][actual-placement="Top"]) {
+:host([opened][actual-placement-type="Top"]) {
 	margin-top: var(--_ui5-popover-margin-bottom);
 }
 
-:host([opened][actual-placement="Bottom"]) {
+:host([opened][actual-placement-type="Bottom"]) {
 	margin-top: var(--_ui5-popover-margin-top);
 }
 
 /* pointing upward arrow */
-:host([actual-placement="Bottom"]) .ui5-popover-arrow {
+:host([actual-placement-type="Bottom"]) .ui5-popover-arrow {
 	left: calc(50% - 0.5625rem);
 	top: -0.5rem;
 	height: 0.5625rem;
 }
 
-:host([actual-placement="Bottom"]) .ui5-popover-arrow:after {
+:host([actual-placement-type="Bottom"]) .ui5-popover-arrow:after {
 	margin: var(--_ui5_popover_upward_arrow_margin);
 }
 
 /* pointing right arrow */
-:host([actual-placement="Start"]) .ui5-popover-arrow {
+:host([actual-placement-type="Left"]) .ui5-popover-arrow {
 	top: calc(50% - 0.5625rem);
 	right: -0.5625rem;
 	width: 0.5625rem;
 }
 
-:host([actual-placement="Start"]) .ui5-popover-arrow:after {
+:host([actual-placement-type="Left"]) .ui5-popover-arrow:after {
 	margin: var(--_ui5_popover_right_arrow_margin);
 }
 
 /* pointing downward arrow */
-:host([actual-placement="Top"]) .ui5-popover-arrow {
+:host([actual-placement-type="Top"]) .ui5-popover-arrow {
 	left: calc(50% - 0.5625rem);
 	height: 0.5625rem;
 	top: 100%;
 }
 
-:host([actual-placement="Top"]) .ui5-popover-arrow:after {
+:host([actual-placement-type="Top"]) .ui5-popover-arrow:after {
 	margin: var(--_ui5_popover_downward_arrow_margin);
 }
 
 /* pointing left arrow */
-:host(:not([actual-placement])) .ui5-popover-arrow,
-:host([actual-placement="End"]) .ui5-popover-arrow {
+:host(:not([actual-placement-type])) .ui5-popover-arrow,
+:host([actual-placement-type="Right"]) .ui5-popover-arrow {
 	left: -0.5625rem;
 	top: calc(50% - 0.5625rem);
 	width: 0.5625rem;
 	height: 1rem;
 }
 
-:host(:not([actual-placement])) .ui5-popover-arrow:after,
-:host([actual-placement="End"]) .ui5-popover-arrow:after {
+:host(:not([actual-placement-type])) .ui5-popover-arrow:after,
+:host([actual-placement-type="Right"]) .ui5-popover-arrow:after {
 	margin: var(--_ui5_popover_left_arrow_margin);
 }
 
@@ -89,11 +89,3 @@
 	box-shadow: var(--_ui5_popover_box_shadow);
 	transform: rotate(-45deg);
 }
-
-:host([modal])::backdrop {
-	background-color: var(--_ui5_popup_block_layer_background);
-}
-
-:host([modal]) .ui5-block-layer {
-	display: block;
-}

package/src/themes/Popup.css

@@ -1,8 +1,5 @@
 :host {
     min-width: 1px; /** So that it can always get focus **/
-    overflow: visible;
-    border: none;
-    inset: "unset";
-    margin: 0;
-    padding: 0;
+    display: none;
+    position: fixed;
 }

package/src/themes/PopupStaticAreaStyles.css

@@ -0,0 +1,16 @@
+.ui5-block-layer {
+	display: none;
+	position: fixed;
+	background-color: var(--_ui5_popup_block_layer_background);
+	top: -500px;
+	left: -500px;
+	right: -500px;
+	bottom: -500px;
+	outline: none;
+	pointer-events: all;
+	z-index: -1;
+}
+
+.ui5-block-layer:not([hidden]) {
+	display: inline-block;
+}

package/src/themes/PopupsCommon.css

@@ -1,4 +1,5 @@
 :host {
+    display: none;
     position: fixed;
     background: var(--sapGroup_ContentBackground);
     border-radius: var(--_ui5_popup_border_radius);
@@ -6,20 +7,17 @@
     box-sizing: border-box;
 }
 
-:host([open]) {
-	display: flex;
-}
-
 .ui5-popup-root {
     background: inherit;
     border-radius: inherit;
     width: 100%;
+    height: 100%;
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     overflow: hidden;
-    flex: 1 1 auto;
     outline: none;
+    justify-content: space-between;
 }
 
 .ui5-popup-root .ui5-popup-header-root {
@@ -81,7 +79,7 @@
     display: none;
 }
 
-:host([no-scrolling]) .ui5-popup-content {
+:host([disable-scrolling]) .ui5-popup-content {
     overflow: hidden;
 }
 

package/src/themes/ProgressIndicator.css

@@ -10,12 +10,6 @@
 	padding-inline-end: var(--_ui5_progress_indicator_padding_end);
 }
 
-:host(:not([hidden])[hide-value]) {
-	padding-top: var(--_ui5_progress_indicator_padding_novalue);
-	padding-bottom: var(--_ui5_progress_indicator_padding_novalue);
-
-}
-
 .ui5-progress-indicator-root {
 	display: flex;
 	align-items: center;
@@ -98,15 +92,15 @@
 	inset-inline-end: var(--_ui5_progress_indicator_icon_right_position);
 }
 
-:host([value-state="Negative"]) .ui5-progress-indicator-icon {
+:host([value-state="Error"]) .ui5-progress-indicator-icon {
 	color: var(--_ui5_progress_indicator_value_state_error_icon_color);
 }
 
-:host([value-state="Critical"]) .ui5-progress-indicator-icon {
+:host([value-state="Warning"]) .ui5-progress-indicator-icon {
 	color: var(--_ui5_progress_indicator_value_state_warning_icon_color);
 }
 
-:host([value-state="Positive"]) .ui5-progress-indicator-icon {
+:host([value-state="Success"]) .ui5-progress-indicator-icon {
 	color: var(--_ui5_progress_indicator_value_state_success_icon_color);
 }
 
@@ -114,15 +108,15 @@
 	color: var(--_ui5_progress_indicator_value_state_information_icon_color);
 }
 
-:host([value-state="Negative"]) .ui5-progress-indicator-bar {
+:host([value-state="Error"]) .ui5-progress-indicator-bar {
 	background: var(--_ui5_progress_indicator_value_state_error);
 }
 
-:host([value-state="Critical"]) .ui5-progress-indicator-bar {
+:host([value-state="Warning"]) .ui5-progress-indicator-bar {
 	background: var(--_ui5_progress_indicator_value_state_warning);
 }
 
-:host([value-state="Positive"]) .ui5-progress-indicator-bar {
+:host([value-state="Success"]) .ui5-progress-indicator-bar {
 	background: var(--_ui5_progress_indicator_value_state_success);
 }
 
@@ -130,15 +124,15 @@
 	background: var(--_ui5_progress_indicator_value_state_information);
 }
 
-:host([value-state="Negative"]) .ui5-progress-indicator-root {
+:host([value-state="Error"]) .ui5-progress-indicator-root {
 	background: var(--_ui5_progress_indicator_background_error);
 }
 
-:host([value-state="Critical"]) .ui5-progress-indicator-root {
+:host([value-state="Warning"]) .ui5-progress-indicator-root {
 	background: var(--_ui5_progress_indicator_background_warning);
 }
 
-:host([value-state="Positive"]) .ui5-progress-indicator-root {
+:host([value-state="Success"]) .ui5-progress-indicator-root {
 	background: var(--_ui5_progress_indicator_background_success);
 }
 
@@ -146,15 +140,15 @@
 	background: var(--_ui5_progress_indicator_background_information);
 }
 
-:host([value-state="Negative"]) .ui5-progress-indicator-remaining-bar {
+:host([value-state="Error"]) .ui5-progress-indicator-remaining-bar {
 	border-color: var(--_ui5_progress_indicator_border_color_error);
 }
 
-:host([value-state="Critical"]) .ui5-progress-indicator-remaining-bar {
+:host([value-state="Warning"]) .ui5-progress-indicator-remaining-bar {
 	border-color: var(--_ui5_progress_indicator_border_color_warning);
 }
 
-:host([value-state="Positive"]) .ui5-progress-indicator-remaining-bar {
+:host([value-state="Success"]) .ui5-progress-indicator-remaining-bar {
 	border-color: var(--_ui5_progress_indicator_border_color_success);
 }
 
@@ -162,6 +156,10 @@
 	border-color: var(--_ui5_progress_indicator_border_color_information);
 }
 
+:host([disabled]) .ui5-progress-indicator-root {
+	opacity: 0.4;
+}
+
 /* Start and End points - Horizon */
 
 .ui5-progress-indicator-remaining-bar::before,
@@ -184,18 +182,18 @@
 	right: 0.0625rem;
 }
 
-:host([value-state="Negative"]) .ui5-progress-indicator-remaining-bar::before,
-:host([value-state="Negative"]) .ui5-progress-indicator-remaining-bar::after {
+:host([value-state="Error"]) .ui5-progress-indicator-remaining-bar::before,
+:host([value-state="Error"]) .ui5-progress-indicator-remaining-bar::after {
 	background: var(--sapProgress_Value_NegativeBackground);
 }
 
-:host([value-state="Critical"]) .ui5-progress-indicator-remaining-bar::before,
-:host([value-state="Critical"]) .ui5-progress-indicator-remaining-bar::after {
+:host([value-state="Warning"]) .ui5-progress-indicator-remaining-bar::before,
+:host([value-state="Warning"]) .ui5-progress-indicator-remaining-bar::after {
 	background: var(--sapProgress_Value_CriticalBackground);
 }
 
-:host([value-state="Positive"]) .ui5-progress-indicator-remaining-bar::before,
-:host([value-state="Positive"]) .ui5-progress-indicator-remaining-bar::after {
+:host([value-state="Success"]) .ui5-progress-indicator-remaining-bar::before,
+:host([value-state="Success"]) .ui5-progress-indicator-remaining-bar::after {
 	background: var(--sapProgress_Value_PositiveBackground);
 }
 

package/src/themes/RadioButton.css

@@ -41,8 +41,7 @@
 }
 
 /* focused */
-:host(:not([disabled])[desktop]) .ui5-radio-root:focus::before,
-:host(:not([disabled])) .ui5-radio-root:focus-visible::before {
+:host(:not([disabled])) .ui5-radio-root:focus::before {
 	content: "";
 	display: var(--_ui5_radio_button_focus_outline);
 	position: absolute;
@@ -52,12 +51,17 @@
 	border-radius: var(--_ui5_radio_button_border_radius);
 }
 
+:host(:not([disabled])) .ui5-radio-root:focus {
+	border-radius: var(--_ui5_radio_button_border_radius);
+	border: var(--_ui5_radio_button_focus_border);
+}
+
 /* hovered and value-state */
-:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {
+:host(:not([value-state="Error"]):not([value-state="Warning"]):not([value-state="Success"]):not([value-state="Information"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {
 	stroke: var(--_ui5_radio_button_outer_ring_hover_color);
 }
 
-:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {
+:host(:not([value-state="Error"]):not([value-state="Warning"]):not([value-state="Success"]):not([value-state="Information"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {
 	stroke: var(--_ui5_radio_button_outer_ring_checked_hover_color);
 }
 
@@ -81,8 +85,7 @@
 	padding-inline-end: var(--_ui5_radio_button_border_width);
 }
 
-:host([text][desktop]) .ui5-radio-root:focus::before,
-:host([text]) .ui5-radio-root:focus-visible::before {
+:host([text]) .ui5-radio-root:focus::before {
 	inset-inline-end: 0px;
 }
 
@@ -103,8 +106,8 @@
 }
 
 /* value states */
-:host([value-state="Negative"]) .ui5-radio-svg-outer,
-:host([value-state="Critical"]) .ui5-radio-svg-outer {
+:host([value-state="Error"]) .ui5-radio-svg-outer,
+:host([value-state="Warning"]) .ui5-radio-svg-outer {
 	stroke-width: var(--sapField_InvalidBorderWidth);
 }
 
@@ -113,44 +116,44 @@
 }
 
 /* Error state */
-:host([value-state="Negative"][checked]) .ui5-radio-svg-inner {
+:host([value-state="Error"][checked]) .ui5-radio-svg-inner {
 	fill: var(--_ui5_radio_button_checked_error_fill);
 }
-:host([value-state="Negative"]) .ui5-radio-svg-outer,
-:host([value-state="Negative"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {
+:host([value-state="Error"]) .ui5-radio-svg-outer,
+:host([value-state="Error"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {
 	stroke: var(--sapField_InvalidColor);
 	fill: var(--sapField_InvalidBackground);
 }
 
-:host([value-state="Negative"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {
+:host([value-state="Error"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {
 	fill: var(--_ui5_radio_button_hover_fill_error);
 }
 
 /* Warning state */
-:host([value-state="Critical"][checked]) .ui5-radio-svg-inner {
+:host([value-state="Warning"][checked]) .ui5-radio-svg-inner {
 	fill: var(--_ui5_radio_button_checked_warning_fill);
 }
-:host([value-state="Critical"]) .ui5-radio-svg-outer,
-:host([value-state="Critical"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {
+:host([value-state="Warning"]) .ui5-radio-svg-outer,
+:host([value-state="Warning"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {
 	stroke: var(--sapField_WarningColor);
 	fill: var(--sapField_WarningBackground);
 }
 
-:host([value-state="Critical"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {
+:host([value-state="Warning"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {
 	fill: var(--_ui5_radio_button_hover_fill_warning);
 }
 
 /* Success state */
-:host([value-state="Positive"][checked]) .ui5-radio-svg-inner {
+:host([value-state="Success"][checked]) .ui5-radio-svg-inner {
 	fill: var(--_ui5_radio_button_checked_success_fill);
 }
-:host([value-state="Positive"]) .ui5-radio-svg-outer,
-:host([value-state="Positive"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {
+:host([value-state="Success"]) .ui5-radio-svg-outer,
+:host([value-state="Success"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {
 	stroke: var(--sapField_SuccessColor);
 	fill: var(--sapField_SuccessBackground);
 }
 
-:host([value-state="Positive"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {
+:host([value-state="Success"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {
 	fill: var(--_ui5_radio_button_hover_fill_success);
 }
 
@@ -168,8 +171,8 @@
 	fill: var(--_ui5_radio_button_hover_fill_information);
 }
 
-:host([value-state="Negative"]) .ui5-radio-root,
-:host([value-state="Critical"]) .ui5-radio-root,
+:host([value-state="Error"]) .ui5-radio-root,
+:host([value-state="Warning"]) .ui5-radio-root,
 :host([value-state="Information"]) .ui5-radio-root {
 	stroke-dasharray: var(--_ui5_radio_button_warning_error_border_dash);
 }

package/src/themes/ResponsivePopover.css

@@ -4,8 +4,8 @@
 	min-height: 2rem;
 }
 
-:host([on-phone]) {
-	display: contents;
+:host([opened]) {
+	display: inline-block;
 }
 
 .ui5-responsive-popover-header {
@@ -13,7 +13,7 @@
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	width: 100%;
+	width:100%;
 }
 
 .ui5-responsive-popover-header-text {