@ui5/webcomponents 2.19.1 → 2.20.0-rc.0

package/src/ToolbarItemTemplate.tsx

@@ -0,0 +1,7 @@
+import type ToolbarItem from "./ToolbarItem.js";
+
+export default function ToolbarItemTemplate(this: ToolbarItem) {
+	return (
+		<slot></slot>
+	);
+}

package/src/ToolbarTemplate.tsx

@@ -14,15 +14,11 @@ export default function ToolbarTemplate(this: Toolbar) {
 			aria-label={this.accInfo.root.accessibleName}
 		>
 			{this.standardItems.map(item => {
-				if ("styles" in item) {
-					return (
-						<div class="ui5-tb-item" id={item._individualSlot} style={item.styles as string}>
-							<slot name={item._individualSlot}></slot>
-						</div>
-					);
-				}
 				return (
-					<div class="ui5-tb-item" id={item._individualSlot}>
+					<div class={{
+						"ui5-tb-item": true,
+						"ui5-tb-self-overflow": item.hasOverflow,
+					}} id={item._individualSlot}>
 						<slot name={item._individualSlot}></slot>
 					</div>
 				);
@@ -56,15 +52,12 @@ export default function ToolbarTemplate(this: Toolbar) {
 				"ui5-overflow-list": true
 			}}>
 				{this.overflowItems.map(item => {
-					if (item.isSeparator) {
-						return (
-							<div class="ui5-tb-popover-item ui5-tb-separator ui5-tb-separator-in-overflow" id={item._individualSlot}>
-								<slot name={item._individualSlot}></slot>
-							</div>
-						);
-					}
 					return (
-						<div class="ui5-tb-popover-item" id={item._individualSlot}>
+						<div class= {{
+							"ui5-tb-popover-item": true,
+							"ui5-tb-separator ui5-tb-separator-in-overflow": item.isSeparator,
+							"ui5-tb-popover-self-overflow": item.hasOverflow,
+						}}id={item._individualSlot}>
 							<slot name={item._individualSlot}></slot>
 						</div>
 					);

package/src/features/InputSuggestionsTemplate.tsx

@@ -6,6 +6,7 @@ import List from "../List.js";
 import ResponsivePopover from "../ResponsivePopover.js";
 import Button from "../Button.js";
 import ListAccessibleRole from "../types/ListAccessibleRole.js";
+import Title from "../Title.js";
 
 export default function InputSuggestionsTemplate(this: Input, hooks?: { suggestionsList?: (this: Input) => JsxTemplateResult, mobileHeader?: (this: Input) => JsxTemplateResult, valueStateMessage: (this: Input) => JsxTemplateResult, valueStateMessageInputIcon: (this: Input) => string }) {
 	const suggestionsList = hooks?.suggestionsList || defaultSuggestionsList;
@@ -35,7 +36,13 @@ export default function InputSuggestionsTemplate(this: Input, hooks?: { suggesti
 				<>
 					<div slot="header" class="ui5-responsive-popover-header">
 						<div class="row">
-							<span>{this._headerTitleText}</span>
+							<Title
+								level="H1"
+								wrappingType="None"
+								class="ui5-responsive-popover-header-text"
+							>
+								{this._headerTitleText}
+							</Title>
 						</div>
 						<div class="row">
 							<div class="input-root-phone native-input-wrapper">
@@ -75,7 +82,7 @@ export default function InputSuggestionsTemplate(this: Input, hooks?: { suggesti
 				</div>
 			}
 
-			{ this.showSuggestions && suggestionsList.call(this) }
+			{this.showSuggestions && suggestionsList.call(this)}
 
 			{this._isPhone &&
 				<div slot="footer" class="ui5-responsive-popover-footer">

package/src/i18n/messagebundle.properties

@@ -327,8 +327,8 @@ INPUT_SUGGESTIONS=Suggestions available
 #XCKL: Select all checkbox label
 MCB_SELECTED_ITEMS=Select All ({0} of {1})
 
-#XBUT: Default title text for mobile
-INPUT_SUGGESTIONS_TITLE=Select
+#XTIT: Default title text for mobile
+INPUT_SUGGESTIONS_TITLE=All Items
 
 #XACT: ARIA announcement for the Input suggestion result if one hit
 INPUT_SUGGESTIONS_ONE_HIT=1 result available
@@ -619,6 +619,9 @@ TOKEN_ARIA_REMOVE=Remove
 #XACT: ARIA announcement for token label
 TOKEN_ARIA_LABEL=Token
 
+#XACT: ARIA announcement for custom list item type
+LISTITEMCUSTOM_TYPE_TEXT=List Item
+
 #XACT: ARIA announcement for tokens
 TOKENIZER_ARIA_CONTAIN_TOKEN=No Tokens
 
@@ -631,9 +634,6 @@ TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS=Contains {0} tokens
 #XACT: ARIA announcement for tokenizer label
 TOKENIZER_ARIA_LABEL=Tokenizer
 
-#XFLD: Tokenizer's Dialog title on mobile devices.
-TOKENIZER_POPOVER_REMOVE=All items
-
 #XFLD: Token number indicator which is used to show all tokens in Tokenizer when all of the tokens are hidden
 TOKENIZER_SHOW_ALL_ITEMS={0} Items
 

package/src/i18n/messagebundle_en_US_sappsd.properties

@@ -1,4 +1,16 @@
 
+ACC_STATE_REQUIRED=[[[Řēƣűįŗēƌ∙∙∙∙∙∙]]]
+
+ACC_STATE_DISABLED=[[[Ďįşąƃĺēƌ∙∙∙∙∙∙]]]
+
+ACC_STATE_READONLY=[[[Řēąƌ Ŏŋĺŷ∙∙∙∙∙]]]
+
+ACC_STATE_EMPTY=[[[Ĕɱρţŷ∙∙∙∙∙∙∙∙∙]]]
+
+ACC_STATE_SINGLE_CONTROL=[[[Ĭŋċĺűƌēş ēĺēɱēŋţ∙∙∙∙∙∙∙∙]]]
+
+ACC_STATE_MULTIPLE_CONTROLS=[[[Ĭŋċĺűƌēş ēĺēɱēŋţş∙∙∙∙∙∙∙]]]
+
 ARIA_LABEL_CARD_CONTENT=[[[Ĉąŗƌ Ĉŏŋţēŋţ∙∙∙∙∙∙∙]]]
 
 ARIA_ROLEDESCRIPTION_CARD=[[[Ĉąŗƌ]]]
@@ -569,11 +581,7 @@ TABLE_ROW_NAVIGATED=[[[Ńąʋįğąţēƌ∙∙∙∙∙]]]
 TABLE_NO_DATA=[[[Ńŏ Ďąţą∙∙∙∙∙∙∙]]]
 TABLE_SINGLE_SELECTABLE=[[[Ŝįŋğĺē Ŝēĺēċţįŏŋ Ţąƃĺē∙∙∙∙∙]]]
 TABLE_MULTI_SELECTABLE=[[[Μűĺţį Ŝēĺēċţįŏŋ Ţąƃĺē∙∙∙∙∙]]]
-TABLE_CELL_SINGLE_CONTROL=[[[Ĭŋċĺűƌēş ēĺēɱēŋţ∙∙∙∙∙∙∙∙]]]
-TABLE_CELL_MULTIPLE_CONTROLS=[[[Ĭŋċĺűƌēş ēĺēɱēŋţş∙∙∙∙∙∙∙]]]
 TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=[[[Ŝēĺēċţ Āĺĺ Ĉĥēċķƃŏχ∙∙∙∙∙]]]
-TABLE_COLUMNHEADER_SELECTALL_CHECKED=[[[Ĉĥēċķēƌ∙∙∙∙∙∙∙]]]
-TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED=[[[Ńŏţ Ĉĥēċķēƌ∙∙∙∙∙∙∙∙]]]
 TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=[[[Ĉĺēąŗ Āĺĺ Ɓűţţŏŋ∙∙∙∙∙∙∙∙]]]
 TABLE_ROW=[[[Řŏŵ∙]]]
 TABLE_ROW_POPIN=[[[Řŏŵ Ƥŏρįŋ∙∙∙∙∙]]]
@@ -591,10 +599,6 @@ TABLE_NAVIGATION=[[[Ńąʋįğąţįŏŋ∙∙∙∙]]]
 TABLE_GENERATED_BY_AI=[[[Ģēŋēŗąţēƌ ƃŷ ĀĬ∙∙∙∙]]]
 TABLE_SELECT_ALL_ROWS=[[[Ŝēĺēċţ Āĺĺ Řŏŵş∙∙∙∙]]]
 TABLE_DESELECT_ALL_ROWS=[[[Ďēşēĺēċţ Āĺĺ Řŏŵş∙∙∙∙∙∙∙]]]
-TABLE_ACC_STATE_DISABLED=[[[Ďįşąƃĺēƌ∙∙∙∙∙∙]]]
-TABLE_ACC_STATE_READONLY=[[[Řēąƌ Ŏŋĺŷ∙∙∙∙∙]]]
-TABLE_ACC_STATE_REQUIRED=[[[Řēƣűįŗēƌ∙∙∙∙∙∙]]]
-TABLE_ACC_STATE_EMPTY=[[[Ĕɱρţŷ∙∙∙∙∙∙∙∙∙]]]
 
 DYNAMIC_DATE_RANGE_YESTERDAY_TEXT=[[[Ŷēşţēŗƌąŷ∙∙∙∙∙]]]
 
@@ -624,6 +628,8 @@ DYNAMIC_DATE_TIME_RANGE_TEXT_FROM_LABEL=[[[Ƒŗŏɱ]]]
 
 DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT=[[[Ĉĥŏŏşē Ďąţēş∙∙∙∙∙∙∙]]]
 
+DYNAMIC_DATE_RANGE_POPOVER_ACCESSIBLE_NAME=[[[Ďŷŋąɱįċ Ďąţē Řąŋğē∙∙∙∙∙∙]]]
+
 DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=[[[Ńąʋįğąţē Ɓąċķ∙∙∙∙∙∙]]]
 
 DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=[[[Ļąşţ Χ Ďąŷş∙∙∙∙∙∙∙∙]]]

package/src/i18n/messagebundle_en_US_saprigi.properties

@@ -1,4 +1,16 @@
 
+ACC_STATE_REQUIRED=‍​​‍​​​​‌​‌‍‍‌‍​‌‌‍‍​‌‍​‍‌‍‍‍​‍‌​‍​‍‌​​Required
+
+ACC_STATE_DISABLED=‌‍‍‌‍‌​‍​​‌​​‍‍‍​​‍‍‌‌​‍‍‌‍‌‌​‌​​‍‌​‍​Disabled
+
+ACC_STATE_READONLY=‍‍‌‌​‌​‌‍‌‍‌‌‌‍​‍‍​​​‌​‍‍‌‌​‍‍‍​​​‍‍​‌‍‍Read Only
+
+ACC_STATE_EMPTY=‍‍​​‌​‍‌‍‌​‍‌​‌‌‍‍​​‍​‌​‌‍‌‌‌‌‌‌‍​‍​‌‍​Empty
+
+ACC_STATE_SINGLE_CONTROL=‌​‍‍​‍​‍‌​‌‌‍‍‌‍‌​​​​‍​‍‌‍‍‍​‍‍‌‌​‌‍‍​​‌Includes element
+
+ACC_STATE_MULTIPLE_CONTROLS=‍​‌‍​​‍‌‍‍​‍‌‍‌‌‍‌‍‍‍‌‌‍‍​‍‌‍‍​‌​​​‍​‍‍Includes elements
+
 ARIA_LABEL_CARD_CONTENT=‍‍‌‌‍​‌‌‌‍‌‍​‍‍‍​​‌​‌‍‌‌​‌​‌‍‌​‌‌‍​​​‍‍​Card Content
 
 ARIA_ROLEDESCRIPTION_CARD=‌​‌‍​‌‌‌​‍‌​‌‍‌‌‌‌‌‍​‍‍‍​​‍‌‌‌‍​‌‌‍‌‌‍​​‌Card
@@ -569,11 +581,7 @@ TABLE_ROW_NAVIGATED=‌​​​​‌​​​​‍‍‍‍‌‍​
 TABLE_NO_DATA=‌‌​‌‌‍‍​‍‌​‌‍​​​‍‍​‌‌‌‍‌​‍​​‌‍‌​​​​‌‌​‌‍​No Data
 TABLE_SINGLE_SELECTABLE=‍​​‍‍‍‍‌​​‍‌​‍‌​‍‌‌‌‍‍‌‌​‌​‌‍‍‍‌‍​‌‍‍‌‌​Single Selection Table
 TABLE_MULTI_SELECTABLE=‍‌​‌‍​‍‌‌​​‍‌‌‍‍‍‌‌‍‌‍‌​​​​​​​‌​‌‍‍‍​‍‌‍Multi Selection Table
-TABLE_CELL_SINGLE_CONTROL=‌​‍​‍‍‍​‌​‌‌‍‍‍‌‌‍​​​‌​‍‍​‍‌‌‌‍‍​​‌​‌‌‍​​Includes element
-TABLE_CELL_MULTIPLE_CONTROLS=‌​‍‍​‌‍‍‍‍‍‍‌​​‌​​‌​​​‍‌‌​‌‌‌‍‍‌‌​​​‌‍‌‍‌Includes elements
 TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=‌​​‍‍​​‍​‌​​‌​​‌‌‌​‍‍‍‌​​‌‍‌​‍​​‍‍​‌​‌Select All Checkbox
-TABLE_COLUMNHEADER_SELECTALL_CHECKED=‍‍‍​​‌‍​‍‍‍‌​‌‍​​​​‌​‍​​‌​‌‌‍‌‌​‌​‍​‌​‌Checked
-TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED=‍‌‌‌‌‍​​‌‍‍‍‌‌‍‌‍‌‌‍​‍​‌‍​‍‌​‌‍‌‍​​‌‌​‌‌Not Checked
 TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=‌‌​‌‍‌‌‌​‌​‌​‌‌‍​‌​‍‍​‌‌‍​​‍‌​‍​‌‌‌​‌‌‌‍Clear All Button
 TABLE_ROW=‍​‌‌‌‍‌​​‍‌​‍‍‍‍‍​​‌‌‌‍‍​​​‍‌‍‍‌‍‌‍‌‌​​Row
 TABLE_ROW_POPIN=‍‌‍​‌‍​‍‌​‍​‌‍​‌‌‍‍‍​​​​‍‍​​​‍‌​​‍​‌​‌‌‌Row Popin
@@ -591,10 +599,6 @@ TABLE_NAVIGATION=‌‌​​‍​‌‍​​‌​​‌‍‌‌‌
 TABLE_GENERATED_BY_AI=‌​‌‌​​‌​​‌‍​‌​​​​​​​​‍‍‌​​​‍‍‍‌‌​​​‍‌‍​‍Generated by AI
 TABLE_SELECT_ALL_ROWS=‌‍​‌‍​‍​​‍​​‌‌​‌‌​​‌‌‌‍‍​‍‍‍​‌​​‍​‍​‍‌​‌Select All Rows
 TABLE_DESELECT_ALL_ROWS=‌​‌​​​​‍​​‍‌‌‌‌‍‌‌‌‍‌‌‌‍‌‌‌‌‍​‌​‌‌‍‌‌‌​​​Deselect All Rows
-TABLE_ACC_STATE_DISABLED=‍‍​​​‍​​‌‍​‌‌‍‍‍​‍​​​‍‍‌‍‍‍‌‍‍‌‍‍‍‌‍​​​Disabled
-TABLE_ACC_STATE_READONLY=‌​​​‍​‌‍‌​‍​​​​‌‌‌​​​​‌‌‌​‌‍‌‍​​‌​‍‌‌​‌‍‌Read Only
-TABLE_ACC_STATE_REQUIRED=‍‍​‍​‍​‌‌‌​‍‍‍‌​​​​‍​‌​​‍​​‍​‌‍​‌​‌​‌‌‌Required
-TABLE_ACC_STATE_EMPTY=‍​​‌‌‍‌‍‍‌​‌‌‍‍‌‍‌‌​‍‌​‍​‌​‌‌‌‍​​‌‌‌​‌‍‍Empty
 
 DYNAMIC_DATE_RANGE_YESTERDAY_TEXT=‌‌​‍‍‌‍​‌​‍‍​​​‍‌​‍‍​‍​‌‌​​‍‌‍​​​​​‍​​‌‍‍Yesterday
 
@@ -624,6 +628,8 @@ DYNAMIC_DATE_TIME_RANGE_TEXT_FROM_LABEL=‍‍​​‌‍‍‍​‍
 
 DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT=‍‍‍‍​​‌​‌‍‌‍​​‌‍‍‍‌‌‌‌‍​‌‌‍​‍‍‌​​‍‍‍‌‌‍Choose Dates
 
+DYNAMIC_DATE_RANGE_POPOVER_ACCESSIBLE_NAME=‌‍‍​​​‌‌‌‍‌‍​‍‌‍​‍‌‍‍‍​‌‌‌‌‍‌‌​‍‌‌‍​​​‌‌Dynamic Date Range
+
 DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=‍‍‌​‌​‌‌​‌‍​​‍‌‌‍‍‍‍‌‍‍​​​‍​‍‍‌​‌‌​‍‌‌Navigate Back
 
 DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=‍‌‌‌‍‌​‌​‍‍‍‍​‍‍‌​‍‌​‍‍​‍​‍​‌‌‌‌‍‌​‍‍‍Last X Days

package/src/i18n/messagebundle_en_US_saptrc.properties

@@ -1,4 +1,16 @@
 
+ACC_STATE_REQUIRED=juMQJuo+1zvvCoBPq+0B+g_Required
+
+ACC_STATE_DISABLED=2wpneiGg352Plre44aP5mA_Disabled
+
+ACC_STATE_READONLY=IUu1HpRHGbdE1BW+nTWXHg_Read Only
+
+ACC_STATE_EMPTY=IUAQIhuAY1ANRYNaZHnvPg_Empty
+
+ACC_STATE_SINGLE_CONTROL=FikSGQs3GUwovKvWtIKZ8w_Includes element
+
+ACC_STATE_MULTIPLE_CONTROLS=N/YYc+i0hwtW7Re2ysDjWQ_Includes elements
+
 ARIA_LABEL_CARD_CONTENT=jUm5GxC+KLX405yby2CITg_Card Content
 
 ARIA_ROLEDESCRIPTION_CARD=in517uqsEF/vujSHSPI24g_Card
@@ -569,11 +581,7 @@ TABLE_ROW_NAVIGATED=9PdgeJCtscnJAJv9TNsArQ_Navigated
 TABLE_NO_DATA=78zSy/9LpYivrUvDJGbBxg_No Data
 TABLE_SINGLE_SELECTABLE=j5hexkXBMUVMv3bi8ciWoA_Single Selection Table
 TABLE_MULTI_SELECTABLE=RIckvhQnszVB2Wq9afX5qw_Multi Selection Table
-TABLE_CELL_SINGLE_CONTROL=gGDljcI0FJc9N8+2WGLBKA_Includes element
-TABLE_CELL_MULTIPLE_CONTROLS=Kwzd9dXi+qVkvqNj3SOuCQ_Includes elements
 TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=U8jAD5CFyK2C8PpsfjhSww_Select All Checkbox
-TABLE_COLUMNHEADER_SELECTALL_CHECKED=iAPKgAbJDElIqTzFQXvqwg_Checked
-TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED=RTDRlj50dqda24/WbnRiMw_Not Checked
 TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=ACqC5WL2EIW7V6oKe89LAw_Clear All Button
 TABLE_ROW=BeY7BI1eVkssMRyo6OTuOg_Row
 TABLE_ROW_POPIN=jSWaz9VQvAMjWONvW6vG+w_Row Popin
@@ -591,10 +599,6 @@ TABLE_NAVIGATION=hr4qP8qbNMvgblRgE3rJwA_Navigation
 TABLE_GENERATED_BY_AI=33i9tgFMUlv4AgS6gWZLzw_Generated by AI
 TABLE_SELECT_ALL_ROWS=C6jlOBtfHYBM7VgSF+BkDw_Select All Rows
 TABLE_DESELECT_ALL_ROWS=25hnssLd90SQb3+gI9E37g_Deselect All Rows
-TABLE_ACC_STATE_DISABLED=2CoZfJwG2xahSL2s73KAmw_Disabled
-TABLE_ACC_STATE_READONLY=h7DKojPCbt/VNEgV7pHRxg_Read Only
-TABLE_ACC_STATE_REQUIRED=KvQDwJkPSoAxPE+PL84RmQ_Required
-TABLE_ACC_STATE_EMPTY=rhapegYRw4urLUQ3jC69Lw_Empty
 
 DYNAMIC_DATE_RANGE_YESTERDAY_TEXT=WxfOZni22q/Eewhp7TB9Hg_Yesterday
 
@@ -624,6 +628,8 @@ DYNAMIC_DATE_TIME_RANGE_TEXT_FROM_LABEL=Sn8d05o2cu2t9KHA5VCwjA_From
 
 DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT=JovGYWRs4jBXaSWhjB54CA_Choose Dates
 
+DYNAMIC_DATE_RANGE_POPOVER_ACCESSIBLE_NAME=Dxw1k544yMIQy7TWBdpD4A_Dynamic Date Range
+
 DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=PJL+jeEoOf1UwaGirxnWUw_Navigate Back
 
 DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=cKTn7adHrd2hmZW3/MZxKw_Last X Days

package/src/themes/Bar.css

@@ -80,7 +80,7 @@
 	border: none;
 }
 
-::slotted(*) {
+::slotted(*:not([hidden])) {
 	margin: 0 0.25rem;
 	display: inline-block;
     max-width: 100%;

package/src/themes/DatePickerPopover.css

@@ -5,6 +5,13 @@
 	}
 }
 
+.ui5-date-picker-popover .ui5-responsive-popover-header .row {
+	justify-content: flex-start;
+	font-family: var(--sapFontHeaderFamily);
+	font-size: var(--sapFontHeader5Size);
+	color: var(--sapPageHeader_TextColor);
+}
+
 [ui5-calendar] {
 	width: 100%;
 	display: flex;
@@ -12,5 +19,21 @@
 }
 
 [ui5-responsive-popover]::part(content) {
-    padding: 0;
+	padding: 0;
+}
+
+.ui5-dt-picker-footer {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	height: 2.75rem;
+	width: 100%;
+}
+
+.ui5-dt-picker-footer.ui5-dt-picker-footer-time-hidden {
+	padding: 0;
+}
+
+.ui5-dt-picker-action {
+	margin: 0.25rem;
 }

package/src/themes/RatingIndicator.css

@@ -91,21 +91,35 @@
 }
 
 .ui5-rating-indicator-item.ui5-rating-indicator-item-half {
-	color: var(--sapContent_UnratedColor);
+	display: flex;
+	flex-direction: row;
+}
+
+.ui5-rating-indicator-half-icon-wrapper {
+	width: 50%;
+	height: 100%;
+	overflow: hidden;
+	position: relative;
 }
 
-.ui5-rating-indicator-item [ui5-icon].ui5-rating-indicator-half-icon {
+.ui5-rating-indicator-half-icon-wrapper [ui5-icon] {
 	position: absolute;
-	inset-inline-start: 50%;
+	width: var(--_ui5_rating_indicator_item_width);
+	height: var(--_ui5_rating_indicator_item_height);
+}
+
+.ui5-rating-indicator-half-icon-left {
 	color: var(--sapContent_RatedColor);
 }
 
-.ui5-rating-indicator-half-icon-wrapper {
-	width: 100%;
-	height: 100%;
-	position: absolute;
-	inset-inline-start: -50%;
-	top: 0;
-	z-index: 32;
-	overflow: hidden;
-}
+.ui5-rating-indicator-half-icon-left [ui5-icon] {
+	inset-inline-start: 0;
+}
+
+.ui5-rating-indicator-half-icon-right {
+	color: var(--sapContent_UnratedColor);
+}
+
+.ui5-rating-indicator-half-icon-right [ui5-icon] {
+	inset-inline-end: 0;
+}

package/src/themes/ResponsivePopoverCommon.css

@@ -169,7 +169,7 @@
 }
 
 .ui5-responsive-popover-header-text {
-	width: calc(100% - var(--_ui5_button_base_min_width));
+	width: 100%;
 }
 
 /* Header and footer layout */

package/src/themes/TimePickerPopover.css

@@ -2,6 +2,13 @@
 	width: 20rem;
 }
 
+.ui5-time-picker-popover .ui5-responsive-popover-header .row {
+	justify-content: flex-start;
+	font-family: var(--sapFontHeaderFamily);
+	font-size: var(--sapFontHeader5Size);
+	color: var(--sapPageHeader_TextColor);
+}
+
 .ui5-time-picker-footer {
 	height: fit-content;
 	display: flex;

package/src/themes/Toolbar.css

@@ -28,13 +28,21 @@
 
 .ui5-tb-item {
 	flex-shrink: 0;
-}
-
-.ui5-tb-item {
 	margin-inline-end: var(--_ui5-toolbar-item-margin-right);
 	margin-inline-start: var(--_ui5-toolbar-item-margin-left);
 }
 
+.ui5-tb-self-overflow {
+	min-width:  2.5rem;
+	flex-shrink: 1;
+	flex-grow: 1;
+
+}
+
+.ui5-tb-self-overflow-grow {
+	position: absolute;
+}
+
 /* Last visible element should not have margins.
 Last element is: overflow button or tb-item when overflow button is hidden */
 .ui5-tb-overflow-btn,

package/src/themes/ToolbarItem.css

@@ -0,0 +1,8 @@
+:host() {
+	display: inline-block;
+	height: 100%;
+}
+
+:host([is-overflowed]) ::slotted(*) {
+	width: 100%;
+}

package/src/themes/ToolbarPopover.css

@@ -6,7 +6,7 @@
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
-	align-items: center;
+	align-items: flex-start;
 }
 
 .ui5-tb-popover-item {