@ui5/webcomponents 0.0.0-cb061e041 → 0.0.0-cddf8ba1c

package/src/themes/ToggleButton.css

@@ -27,7 +27,6 @@
 	background: var(--sapButton_Selected_Hover_Background);
 	border-color: var(--sapButton_Selected_Hover_BorderColor);
 	color: var(--sapButton_Selected_TextColor);
-	box-shadow: var(--sapContent_Interaction_Shadow);
 }
 
 :host([active][focused]),
@@ -37,7 +36,6 @@
 	background: var(--sapButton_Active_Background);
 	border-color: var(--sapButton_Active_BorderColor);
 	color: var(--sapButton_Selected_TextColor);
-	box-shadow: var(--sapContent_Interaction_Shadow);
 }
 
 :host([pressed]:not([active]):not([non-interactive]):not([_is-touch])),
@@ -66,7 +64,6 @@
 	background: var(--sapButton_Reject_Selected_Hover_Background);
 	border-color: var(--sapButton_Reject_Selected_Hover_BorderColor);
 	color: var(--sapButton_Reject_Selected_TextColor);
-	box-shadow: var(--sapContent_Negative_Shadow);
 }
 
 :host([design="Negative"][pressed]:not([active]):not([non-interactive]):not([_is-touch])) {
@@ -92,7 +89,6 @@
 	background: var(--sapButton_Accept_Selected_Hover_Background);
 	border-color: var(--sapButton_Accept_Selected_Hover_BorderColor);
 	color: var(--sapButton_Accept_Selected_TextColor);
-	box-shadow: var(--sapContent_Positive_Shadow);
 }
 
 :host([design="Positive"][pressed]:not([active]):not([non-interactive]):not([_is-touch])) {
@@ -118,7 +114,6 @@
 	background: var(--sapButton_Attention_Selected_Hover_Background);
 	border-color: var(--sapButton_Attention_Selected_Hover_BorderColor);
 	color: var(--sapButton_Attention_Selected_TextColor);
-	box-shadow: var(--sapContent_Critical_Shadow);
 }
 
 :host([design="Attention"][pressed]:not([active]):not([non-interactive]):not([_is-touch])) {

package/src/themes/Token.css

@@ -6,10 +6,10 @@
 	color: var(--_ui5_token_text_color);
 	height: var(--_ui5_token_height);
 	box-sizing: border-box;
-	margin-top: var(--_ui5_token_top_margin);
-	margin-bottom: var(--_ui5_token_bottom_margin);
+}
+
+:host(:not([single-token])) {
 	margin-inline-end: var(--_ui5_token_right_margin);
-	position: relative;
 }
 
 :host([overflows]) {
@@ -17,37 +17,51 @@
 }
 
 :host(:not([readonly]):hover) {
-	background: var(--_ui5_token_hover_background);
+	background: var(--sapButton_Hover_Background);
 	border-color: var(--_ui5_token_hover_border_color);
-	box-shadow: var(--sapContent_Interaction_Shadow);
 }
 
-:host([selected]:not([readonly]):not([focused])) {
+:host([selected]:not([readonly])) {
 	color: var(--sapButton_Selected_TextColor);
+}
+
+:host([selected]:not([readonly])) {
 	background: var(--sapButton_Selected_Background);
 	border: var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);
 }
 
+:host([selected]:not([readonly])) .ui5-token--wrapper {
+	border-bottom: var(--_ui5_token_selected_internal_border_bottom);
+	border-bottom-left-radius: var(--_ui5_token_selected_internal_border_bottom_radius);
+	border-bottom-right-radius: var(--_ui5_token_selected_internal_border_bottom_radius);
+}
+
 :host([selected]:not([readonly]):hover) {
-	background: var(--_ui5_token_selected_hover_background);
+	background: var(--sapButton_Selected_Hover_Background);
 	border-color: var(--_ui5_token_selected_hover_border_color);
-	box-shadow: var(--sapContent_Interaction_Shadow);
 }
 
 :host([readonly]) {
 	background: var(--_ui5_token_readonly_background);
+	border-color: var(--sapField_ReadOnly_BorderColor);
 	color: var(--_ui5_token_readonly_color);
 }
 
 :host([readonly]) .ui5-token--wrapper {
-	padding: 0 var(--_ui5_token_readonly_padding);
+	padding: var(--_ui5_token_readonly_padding);
 }
 
 :host([selected]) .ui5-token--wrapper:focus {
 	outline: var(--_ui5_token_selected_focus_outline);
 }
 
-:host([focused][selected]:not([readonly])) {
+:host([selected]:not([readonly])) .ui5-token--text,
+:host([selected]:not([readonly])) .ui5-token--icon {
+	top: var(--_ui5_token_text_icon_top);
+	position: relative;
+}
+
+:host([focused][selected]:not([readonly]):not(:hover)) {
 	background: var(--sapButton_Selected_Background);
 	color: var(--sapButton_Selected_TextColor);
 	border: var(--_ui5_token_focused_selected_border);
@@ -65,6 +79,13 @@
 	font-family: "72override", var(--sapFontFamily);
 	user-select: none;
 }
+.ui5-token--wrapper {
+	position: relative;
+}
+
+:host([selected]) .ui5-token--wrapper {
+	font-family: var(--_ui5_token_selected_text_font_family);
+}
 
 .ui5-token--wrapper:focus {
 	outline-offset: var(--_ui5_token_outline_offset);
@@ -76,7 +97,7 @@
 	position: absolute;
 	pointer-events: none;
 	z-index: 2;
-	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_input_focus_outline_color);
+	border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	border-radius: var(--_ui5_token_focus_outline_border_radius);
 	top: var(--_ui5_token_focus_offset);
 	bottom: var(--_ui5_token_focus_offset);
@@ -84,6 +105,10 @@
 	right: var(--_ui5_token_focus_offset);
 }
 
+:host([focused][selected]:not([readonly])) .ui5-token--wrapper:focus::after {
+	bottom: var(--_ui5_token_selected_focused_offset_bottom)
+}
+
 .ui5-token--text {
 	white-space: nowrap;
 }
@@ -106,3 +131,17 @@
 	padding: var(--_ui5_token_icon_padding);
 	color: var(--sapContent_IconColor);
 }
+
+:host([single-token]) {
+	max-width: 100%;
+}
+
+:host([single-token]) .ui5-token--wrapper {
+	max-width: 100%;
+}
+
+:host([single-token]) .ui5-token--text {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 100%;
+}

package/src/themes/Tokenizer.css

@@ -32,8 +32,9 @@
 }
 
 :host([expanded]) .ui5-tokenizer--content {
-	display: inline-block;
+	display: inline-flex;
 	white-space: nowrap;
+	overflow: hidden;
 }
 
 .ui5-tokenizer--content {
@@ -42,6 +43,15 @@
 	align-items: center;
 	overflow: hidden;
 	padding-inline-start: var(--_ui5_tokenizer_padding);
+	height: 100%;
+	box-sizing: border-box;
+}
+
+:host([_tokens-count="1"]) .ui5-tokenizer--content {
+	padding-inline-end: 4px;
+	box-sizing: border-box;
+	max-width: 100%;
+	flex: 1;
 }
 
 .ui5-tokenizer-more-text {
@@ -53,8 +63,3 @@
 	font-weight: normal;
 	color: var(--_ui5_tokenizer_n_more_text_color);
 }
-
-:host([expanded]) .ui5-tokenizer--content {
-	overflow: hidden;
-	justify-content: flex-end;
-}

package/src/themes/TokenizerPopover.css

@@ -2,3 +2,13 @@
 [ui5-responsive-popover]::part(content) {
 	padding: 0;
 }
+
+#ui5-tokenizer-dialog-confirm-btn {
+	height: 100%;
+	min-width: 4rem;
+}
+
+[ui5-responsive-popover] {
+	margin-top: var(--_ui5_tokenizer-popover_offset);
+	margin-inline-start: calc(-1 * var(--_ui5_tokenizer_padding));
+}

package/src/themes/Toolbar.css

@@ -0,0 +1,47 @@
+:host(:not([hidden])) {
+	width: 100%;
+	height: var(--_ui5-toolbar-height);
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	padding: 0 var(--_ui5-toolbar-padding-left) 0 var(--_ui5-toolbar-padding-right);
+	box-sizing: border-box;
+	border-bottom: 0.0625rem solid var(--sapGroup_ContentBorderColor);
+}
+
+:host([align-content="Start"]) {
+	justify-content: flex-start;
+}
+
+.ui5-tb-items {
+	width: 100%;
+	height: 100%;
+	display: inherit;
+	align-items: inherit;
+	justify-content: inherit;
+}
+
+.ui5-tb-items-full-width {
+    width: 100%;
+}
+
+.ui5-tb-item {
+    flex-shrink: 0;
+}
+
+.ui5-tb-item:not(:last-child) {
+	margin-inline-end: var(--_ui5-toolbar-item-margin-right);
+	margin-inline-start: var(--_ui5-toolbar-item-margin-left);
+}
+
+.ui5-tb-separator {
+	height: var(--_ui5-toolbar-separator-height);
+	width: 0.0625rem;
+	background: var(--sapToolbar_SeparatorColor);
+	box-sizing: border-box;
+}
+
+.ui5-tb-overflow-btn-hidden {
+	visibility: hidden;
+	position: absolute;
+}

package/src/themes/ToolbarButtonPopover.css

@@ -0,0 +1,3 @@
+:not([icon-only]).ui5-tb-popover-button::part(button) {
+	justify-content: start;
+}

package/src/themes/ToolbarPopover.css

@@ -0,0 +1,29 @@
+.ui5-overflow-popover::part(content) {
+	padding: var(--_ui5_toolbar_overflow_padding);
+}
+
+.ui5-overflow-list {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+}
+
+.ui5-tb-popover-item {
+	width: 100%;
+}
+
+.ui5-tb-popover-item:not(:last-child) {
+	margin-bottom: 0.25rem;
+}
+
+.ui5-tb-separator-in-overflow {
+	display: none;
+	height: 0.0625rem;
+	background: var(--sapToolbar_SeparatorColor);
+	box-sizing: border-box;
+}
+
+.ui5-tb-separator-in-overflow[visible]{
+	display: block;
+}

package/src/themes/TreeItem.css

@@ -4,36 +4,8 @@
 	position: relative;
 }
 
-:host([_minimal]) .ui5-li-tree-toggle-box {
-	width: 0;
-	min-width: 0;
-}
-
-:host([_minimal]) .ui5-li-icon {
-	padding: 0;
-}
-
-:host([_minimal]) .ui5-li-content {
-	justify-content: center;
-}
-
-:host([_minimal]) .ui5-li-root-tree {
-	padding: 0;
-}
-
-:host([_minimal][show-toggle-button])::after {
-	content: "";
-	width: 0;
-	height: 0;
-	border-left: 0.375rem solid transparent;
-	border-bottom: .375rem solid var(--sapContent_NonInteractiveIconColor);
-	position: absolute;
-	right: 0.1875rem;
-	bottom: 0.125rem;
-}
-
-:host([_minimal]) .ui5-li-text-wrapper {
-	display: none;
+.ui5-li-tree-text-wrapper {
+	flex: auto;
 }
 
 .ui5-li-root-tree {
@@ -48,12 +20,17 @@
 	border-bottom: var(--ui5-listitem-selected-border-bottom);
 }
 
-:host([_toggle-button-end]:not([selected])) .ui5-li-root-tree:hover, :host([_mode]:not([_mode="None"]):not([_mode="Delete"]):not([selected])) .ui5-li-root-tree:hover {
+:host([_toggle-button-end]:not([selected])) .ui5-li-root-tree:hover,
+:host([_mode]:not([_mode="None"]):not([_mode="Delete"]):not([active]):not([selected])) .ui5-li-root-tree:hover {
 	background: var(--sapList_Hover_Background);
 	cursor: pointer;
 }
 
-:host(:not([level="1"]):not([selected])) .ui5-li-root-tree {
+:host([_toggle-button-end]) .ui5-li-root-tree:hover {
+	cursor: pointer;
+}
+
+:host(:not([level="1"]):not([active]):not([selected])) .ui5-li-root-tree {
 	background: var(--sapList_AlternatingBackground);
 }
 
@@ -65,7 +42,7 @@
 	background: var(--sapList_SelectionBackgroundColor);
 }
 
-:host([_mode]:not([_mode="None"]):not([_mode="Delete"])[selected]) .ui5-li-root-tree:hover {
+:host([_mode]:not([_mode="None"]):not([_mode="Delete"]):not([active]):not([selected])) .ui5-li-root-tree:hover {
 	background-color: var(--sapList_Hover_SelectionBackground);
 	cursor: pointer;
 }
@@ -140,3 +117,14 @@ is the .ui5-li-root and not the host. The host height expands to fill subtree */
     padding: 0;
     list-style: none;
 }
+
+/* focused & active */
+:host([focused][active]) .ui5-li-root-tree {
+	background: var(--sapList_Active_Background);
+}
+
+:host([focused][active]) .ui5-li-root-tree .ui5-li-tree-toggle-icon,
+:host([focused][active]) .ui5-li-root-tree .ui5-li-title,
+:host([focused][active]) .ui5-li-root-tree .ui5-li-additional-text {
+	color: var(--sapList_Active_TextColor);
+}

package/src/themes/ValueStateMessage.css

@@ -43,6 +43,7 @@
 	text-overflow: ellipsis;
 	min-width: 6.25rem;
 	border: var(--_ui5_value_state_message_border);
+	line-height: var(--_ui5_value_state_message_line_height);
 }
 
 [ui5-responsive-popover] .ui5-valuestatemessage-header, [ui5-popover] .ui5-valuestatemessage-header  {
@@ -53,6 +54,8 @@
 	padding: var(--_ui5_value_state_header_padding);
 	border: var(--_ui5_value_state_header_border);
 	border-bottom: var(--_ui5_value_state_header_border_bottom);
+	flex-grow: 1;
+	position: relative;
 }
 
 .ui5-valuestatemessage--success {
@@ -87,6 +90,56 @@
 }
 
 .ui5-valuestatemessage-popover::part(header),
-.ui5-suggestions-popover-with-value-state-header::part(header) {
+.ui5-popover-with-value-state-header::part(header),
+.ui5-popover-with-value-state-header-phone::part(header) {
 	margin-bottom: 0;
 }
+
+.ui5-popover-with-value-state-header-phone .ui5-valuestatemessage-root {
+	padding: var(--_ui5_value_state_message_padding_phone);
+	width: 100%;
+}
+
+.ui5-popover-with-value-state-header-phone .ui5-input-value-state-message-icon {
+	left: var(--_ui5_value_state_message_icon_offset_phone);
+}
+
+.ui5-popover-with-value-state-header-phone .ui5-valuestatemessage-header {
+	position: relative;
+	flex: none;
+	top: 0;
+	left: 0;
+}
+
+.ui5-popover-with-value-state-header-phone::part(content) {
+	padding: 0;
+	overflow: hidden;
+	display: flex;
+	flex-direction: column;
+}
+
+.ui5-popover-with-value-state-header-phone .ui5-valuestatemessage-root + [ui5-list] {
+	overflow: auto;
+}
+
+/* ValueState Header bottom border color in Responsive Popover and Dialog */
+[ui5-responsive-popover] .ui5-valuestatemessage--error {
+	box-shadow: var(--_ui5_value_state_header_box_shadow_error);
+}
+
+[ui5-responsive-popover] .ui5-valuestatemessage--information {
+	box-shadow: var(--_ui5_value_state_header_box_shadow_information);
+}
+
+[ui5-responsive-popover] .ui5-valuestatemessage--success {
+	box-shadow: var(--_ui5_value_state_header_box_shadow_success);
+}
+
+[ui5-responsive-popover] .ui5-valuestatemessage--warning {
+	box-shadow: var(--_ui5_value_state_header_box_shadow_warning);
+}
+
+/* Unset bottom border box-shadow in a specific case when the value state message is displayed on desktop in a popover and the suggestions list is empty */
+[ui5-responsive-popover].ui5-popover-with-value-state-header .ui5-valuestatemessage-root:has(+[ui5-list]:empty) {
+	box-shadow: none;
+}

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

@@ -1,4 +1,5 @@
 :root {
+	--ui5-avatar-hover-box-shadow-offset: 0px 0px 0px 0.0625rem;
 	--ui5-avatar-initials-color: var(--sapContent_ImagePlaceholderForegroundColor);
 	--ui5-avatar-border-radius: .25rem;
 	--ui5-avatar-border-radius-img-deduction: 0.0625rem;

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

@@ -1,3 +1,3 @@
-[ui5-avatar-group] {
-	--_ui5_button_focused_border: none
+:root {
+	--_ui5_avatar_group_button_focus_border: none;
 }

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

@@ -1,5 +1,18 @@
 :root {
-	--_ui5-badge-cursor: default;
+	--_ui5-badge-height: 1rem;
+	--_ui5-badge-border: 0.0625em solid;
+	--_ui5-badge-border-radius: 0.5rem;
+	--_ui5-badge-padding-inline: 0.3125em;
+	--_ui5-badge-padding-inline-icon-only: 0.1875rem;
+	--_ui5-badge-text-transform: uppercase;
+	--_ui5-badge-icon-gap: 0.125rem;
+	--_ui5-badge-font-size: var(--sapFontSmallSize);
+	--_ui5-badge-font: "72override", var(--sapFontFamily);
+	--_ui5-badge-font-weight: bold;
+	--_ui5-badge-default-border-color: var(--ui5-badge-color-scheme-1-border);
+	--_ui5-badge-default-background: var(--ui5-badge-color-scheme-1-background);
+	--_ui5-badge-default-color: var(--ui5-badge-color-scheme-1-color);
+	--_ui5-badge-letter-spacing: 0.0125em;
 
 	--ui5-badge-color-scheme-1-background: var(--sapLegendBackgroundColor1);
 	--ui5-badge-color-scheme-1-border: var(--sapAccentColor1);

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

@@ -4,7 +4,7 @@
 	--_ui5_button_focused_inner_border_radius: 0;
 	--_ui5_button_base_min_width: 2.5rem;
 	--_ui5_button_base_min_compact_width: 2rem;
-	--_ui5_button_base_height: 2.5rem;
+	--_ui5_button_base_height: var(--sapElement_Height);
 	--_ui5_button_compact_height: 1.625rem;
 	--_ui5_button_border_radius: var(--sapButton_BorderCornerRadius);
 	--_ui5_button_base_padding: 0.6875rem;
@@ -12,24 +12,13 @@
 	--_ui5_button_base_icon_only_padding: 0.5625rem;
 	--_ui5_button_base_icon_margin: 0.563rem;
 	--_ui5_button_icon_font_size: 1.375rem;
-	--_ui5_button_outline: 1px dotted var(--sapContent_FocusColor);
 	--_ui5_button_emphasized_outline: 1px dotted var(--sapContent_FocusColor);
-	--_ui5_button_outline_offset: calc(-1 * .1875rem);
-	--_ui5_button_emphasized_font_weight: normal;
 	--_ui5_button_text_shadow: var(--sapContent_TextShadow);
 	--_ui5_button_focus_offset: 1px;
 	--_ui5_button_focus_width: 1px;
-	--_ui5_button_focus_color: var(--sapContent_FocusColor);
-	--_ui5_button_focus_outline_focus_color: var(--sapContent_ContrastFocusColor);
 	--_ui5_button_pressed_focused_border_color: var(--sapContent_ContrastFocusColor);
-
-	--_ui5_button_positive_border_focus_hover_color: var(--sapContent_FocusColor);
-	--_ui5_button_positive_focus_border_color: var(--sapButton_Accept_BorderColor);
-	--_ui5_button_negative_focus_border_color: var(--sapButton_Reject_BorderColor);
-	--_ui5_button_attention_focus_border_color: var(--sapButton_Negative_BorderColor);
+	--_ui5_button_fontFamily: var(--sapFontFamily);
 	--_ui5_button_emphasized_focused_border_color: var(--sapButton_Emphasized_BorderColor);
-	--_ui5_button_fontFamily:  "72override", var(--sapFontFamily);
 	--_ui5_button_emphasized_focused_border_before: none;
-	--_ui5_button_emphasized_focused_border_radius: 0;
-	--_ui5_button_transparent_hover: transparent;
+	--_ui5_button_emphasized_focused_active_border_color: transparent;
 }

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

@@ -1,10 +1,12 @@
 :root {
-    --ui5_carousel_background_color: var(--sapBackgroundColor);
+    --ui5_carousel_background_color_solid: var(--sapGroup_ContentBackground);
+    --ui5_carousel_background_color_translucent: var(--sapBackgroundColor);
     --ui5_carousel_button_size: 2.5rem;
     --ui5_carousel_inactive_dot_size: 0.25rem;
     --ui5_carousel_inactive_dot_margin: 0 0.375rem;
-    --ui5_carousel_inactive_dot_border: none;
-    --ui5_carousel_inactive_dot_background: var(--sapContent_NonInteractiveIconColor);
-    --ui5_carousel_active_dot_border: var(--ui5_carousel_inactive_dot_border);
-    --ui5_carousel_active_dot_background: var(--sapSelectedColor);
+    --ui5_carousel_inactive_dot_border: 1px solid var(--sapContent_ForegroundBorderColor);
+    --ui5_carousel_inactive_dot_background: var(--sapContent_ForegroundBorderColor);
+    --ui5_carousel_active_dot_border: 1px solid var(--sapContent_Selected_ForegroundColor);
+    --ui5_carousel_active_dot_background: var(--sapContent_Selected_ForegroundColor);
+    --ui5_carousel_navigation_button_active_box_shadow: var(--sapContent_Shadow1);
 }

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

@@ -3,4 +3,5 @@
 	--_ui5-datepicker_border_radius: 0;
 	--_ui5-datepicker-hover-background: var(--sapField_Hover_Background);
 	--_ui5-datepicker_icon_border_radius: 0;
+    
 }

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

@@ -41,4 +41,20 @@
 	--_ui5_daypicker_item_now_not_selected_inset: 0;
 	--_ui5_daypicker_item_now_inset: 0.1875rem;
 	--_ui5_daypicker_item_now_border_color: var(--sapLegend_CurrentDateTime);
+	--_ui5_daypicker_item_weeekend_filter: brightness(100%);
+	--_ui5_daypicker_item_selected_hover: var(--sapContent_Selected_Hover_Background);
+	--_ui5_daypicker_item_border_radius_item: none;
+	--_ui5_daypicker_item_now_selected_outline_offset: -0.3125rem;
+	--_ui5_daypicker_two_calendar_item_now_inset: 0.1875rem;
+	--_ui5_daypicker_item_selected__secondary_type_text_outline: none;
+	--_ui5_daypicker_two_calendar_item_now_day_text_content: none;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_width: 0.0625rem;
+	--_ui5_daypicker_two_calendar_item_border_radius: 0.3125rem;
+	--_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0rem;
+	--_ui5_daypicker_two_calendar_item_no_selected_inset: 0.125rem;
+	--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.0625rem;
+	--_ui5_daypicker_two_calendar_item_no_selected_focus_inset: 0.125rem;
+	--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: 0.0625rem;
+	--_ui5_dp_two_calendar_item_secondary_text_border_radios: 0.25rem;
+	--_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0.125rem;
 }

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

@@ -7,12 +7,9 @@
 	--_ui5_dialog_header_focus_left_offset: 2px;
 	--_ui5_dialog_header_focus_right_offset: 2px;
 	--_ui5_dialog_header_border_radius: 0px;
-	--_ui5_dialog_header_error_state_box_shadow: inset 0 -0.0625rem var(--sapErrorBorderColor), var(--sapContent_HeaderShadow);
-	--_ui5_dialog_header_information_state_box_shadow: inset 0 -0.0625rem var(--sapInformationBorderColor), var(--sapContent_HeaderShadow);
-	--_ui5_dialog_header_success_state_box_shadow: inset 0 -0.0625rem var(--sapSuccessBorderColor), var(--sapContent_HeaderShadow);
-	--_ui5_dialog_header_warning_state_box_shadow: inset 0 -0.0625rem var(--sapWarningBorderColor), var(--sapContent_HeaderShadow);
 	--_ui5_dialog_header_error_state_icon_color: var(--sapNegativeElementColor);
 	--_ui5_dialog_header_information_state_icon_color: var(--sapInformativeElementColor);
 	--_ui5_dialog_header_success_state_icon_color: var(--sapPositiveElementColor);
 	--_ui5_dialog_header_warning_state_icon_color: var(--sapCriticalElementColor);
+	--_ui5_dialog_header_state_line_height: 0.0625rem;
 }

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

@@ -9,6 +9,7 @@
 	--_ui5_input_background_color: var(--sapField_Background);
 	--_ui5_input_border_radius: var(--sapField_BorderCornerRadius);
 	--_ui5_input_focus_border_radius: 0;
+	--_ui5_input_readonly_focus_border_radius: 0;
 	--_ui5-input-border: 2px solid transparent; /* The value of this variable defaults to sap_horizon theme, because if it defaults to fiori, then a flickering of the border is present*/
 	--_ui5_input_placeholder_style: italic;
 	--_ui5_input_placeholder_color: var(--sapField_PlaceholderTextColor);
@@ -31,9 +32,13 @@
 	--_ui5_input_readonly_background: var(--sapField_ReadOnly_Background);
 	--_ui5_input_custom_icon_padding: .5625rem .625rem;
 	--_ui5_input_error_warning_custom_icon_padding: .5rem .625rem;
+	--_ui5_input_error_warning_custom_focused_icon_padding: .5rem .625rem;
 	--_ui5_input_information_custom_icon_padding: .5rem .625rem;
+	--_ui5_input_information_custom_focused_icon_padding: .5rem .625rem;
 	--_ui5_input_error_warning_icon_padding: .5rem .5rem .5rem .5625rem;
+	--_ui5_input_error_warning_focused_icon_padding: .5rem .5rem .5rem .5625rem;
 	--_ui5_input_information_icon_padding: .5rem .5rem .5rem .5625rem;
+	--_ui5_input_information_focused_icon_padding: .5rem .5rem .5rem .5625rem;
 	--_ui5_input_disabled_opacity: var(--sapContent_DisabledOpacity);
 	--_ui5_input_icon_min_width: 2.25rem;
 	--_ui5_input_compact_min_width: 2rem;
@@ -58,6 +63,7 @@
 	--_ui5-input-value-state-information-border-width: 1px;
 	--_ui5-input-background-image: none;
 	--_ui5_input_focus_offset: 1px;
+	--_ui5_input_readonly_focus_offset: 1px;
 	--ui5_input_focus_pseudo_element_content: '';
 	--_ui5_input_value_state_error_warning_placeholder_font_weight: normal;
 	--_ui5_input_focus_outline_color: var(--sapContent_FocusColor);
@@ -76,4 +82,13 @@
 .sapUiSizeCompact {
 	--_ui5_input_min_width: 2rem;
 	--_ui5_input_icon_width: 2rem;
+	--_ui5_input_error_warning_icon_padding: .1875rem .375rem .1875rem .4375rem;
+	--_ui5_input_error_warning_focused_icon_padding: .1875rem .375rem .1875rem .4375rem;
+	--_ui5_input_information_icon_padding: .1875rem .375rem .1875rem .4375rem;
+	--_ui5_input_information_focused_icon_padding: .1875rem .375rem .1875rem .4375rem;
+	--_ui5_input_custom_icon_padding: .25rem .5rem;
+	--_ui5_input_error_warning_custom_icon_padding: .1875rem .5rem;
+	--_ui5_input_error_warning_custom_focused_icon_padding: .1875rem .5rem;
+	--_ui5_input_information_custom_icon_padding: .1875rem .5rem;
+	--_ui5_input_information_custom_focused_icon_padding: .1875rem .5rem;
 }

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

@@ -15,5 +15,10 @@
 	--_ui5_input_icon_warning_pressed_color: var(--sapButton_Active_TextColor);
 	--_ui5_input_icon_information_pressed_color: var(--sapButton_Active_TextColor);
 	--_ui5_input_icon_success_pressed_color: var(--sapButton_Active_TextColor);
+}
 
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	--_ui5_input_icon_padding: .25rem .4375rem;
 }

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

@@ -8,7 +8,7 @@
 	--_ui5_link_border_focus: 0.0625rem dotted var(--sapContent_FocusColor);
 	--_ui5_link_focus_border-radius: 0;
 	--_ui5_link_focus_background_color: transparent;
-	--_ui5_link_focus_color: inherit;
+	--_ui5_link_focus_color: var(--sapLinkColor);
 	--_ui5_link_focus_text_decoration: underline;
 	--_ui5_link_subtle_text_decoration: none;
 	--_ui5_link_subtle_text_decoration_hover: underline;

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

@@ -1,6 +1,6 @@
 :root {
 	--ui5-listitem-background-color: var(--sapList_Background);
-	--ui5-listitem-border-bottom: 1px solid var(--sapList_BorderColor);
+	--ui5-listitem-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
 	--ui5-listitem-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);
 	--ui5-listitem-focused-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);
 	--ui5-listitem-active-border-color: var(--sapContent_ContrastFocusColor);