@ui5/webcomponents 2.1.0-rc.3 → 2.1.0

package/src/i18n/messagebundle_id.properties

@@ -35,7 +35,7 @@ BREADCRUMB_ITEM_POS={0} dari {1}
 
 BREADCRUMBS_ARIA_LABEL=Jejak Breadcrumb
 
-BREADCRUMBS_OVERFLOW_ARIA_LABEL=Lebih Banyak
+BREADCRUMBS_OVERFLOW_ARIA_LABEL=Selengkapnya
 
 BREADCRUMBS_CANCEL_BUTTON=Batalkan
 
@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Bilah Informasi Kustom
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OKE
 
+COMBOBOX_AVAILABLE_OPTIONS=Opsi yang Tersedia
+
+INPUT_AVALIABLE_VALUES=Nilai yang Tersedia
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Nilai ini telah dipilih.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Input Banyak Nilai
@@ -203,7 +207,7 @@ SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Tombol tersegmentasi
 
 SLIDER_ARIA_DESCRIPTION=Pegangan slider
 
-LOAD_MORE_TEXT=Lebih Banyak
+LOAD_MORE_TEXT=Selengkapnya
 
 TABLE_HEADER_ROW_INFORMATION=Baris Header 1 dari {0}
 
@@ -233,7 +237,7 @@ TABCONTAINER_PREVIOUS_ICON_ACC_NAME=Sebelumnya
 
 TABCONTAINER_OVERFLOW_MENU_TITLE=Menu Tambahan
 
-TABCONTAINER_END_OVERFLOW=Lebih Banyak
+TABCONTAINER_END_OVERFLOW=Selengkapnya
 
 TABCONTAINER_POPOVER_CANCEL_BUTTON=Batalkan
 
@@ -315,7 +319,7 @@ CALENDAR_HEADER_PREVIOUS_BUTTON=Sebelumnya
 
 DAY_PICKER_WEEK_NUMBER_TEXT=Jumlah Minggu
 
-DAY_PICKER_NON_WORKING_DAY=Non-Hari Kerja
+DAY_PICKER_NON_WORKING_DAY=Bukan Hari Kerja
 
 DAY_PICKER_TODAY=Hari Ini
 

package/src/i18n/messagebundle_it.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Barra informazioni personalizzata
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Opzioni disponibili
+
+INPUT_AVALIABLE_VALUES=Valori disponibili
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Questo valore è già selezionato.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Inserimento multivalore

package/src/i18n/messagebundle_iw.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=סרגל מידע מותאם אישית
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=אפשרויות זמינות
+
+INPUT_AVALIABLE_VALUES=ערכים זמינים
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=ערך זה כבר נבחר.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=קלט עם ערכים מרובים

package/src/i18n/messagebundle_ja.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=カスタム情報バー
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=利用可能なオプション
+
+INPUT_AVALIABLE_VALUES=利用可能な値
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=この値はすでに選択されています。
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=複数値入力

package/src/i18n/messagebundle_kk.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Теңшелмелі ақпарат панелі
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Қолжетімді опциялар
+
+INPUT_AVALIABLE_VALUES=Қолжетімді мәндер
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Осы мән әлдеқашан таңдалды.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Көп мәнді енгізу

package/src/i18n/messagebundle_ko.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=사용자 정의 정보 바
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=확인
 
+COMBOBOX_AVAILABLE_OPTIONS=사용 가능한 옵션
+
+INPUT_AVALIABLE_VALUES=사용 가능한 값
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=이 값은 이미 선택되어 있습니다.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=다중 값 입력

package/src/i18n/messagebundle_lt.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Tinkinta informacijos juosta
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=Gerai
 
+COMBOBOX_AVAILABLE_OPTIONS=Prieinamos parinktys
+
+INPUT_AVALIABLE_VALUES=Prieinamos reikšmės
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Ši reikšmė jau pasirinkta.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Kelių verčių įvestis

package/src/i18n/messagebundle_lv.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Pielāgota informācijas josla
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=Labi
 
+COMBOBOX_AVAILABLE_OPTIONS=Pieejamās iespējas
+
+INPUT_AVALIABLE_VALUES=Pieejamās vērtības
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Šī vērtība ir jau atlasīta.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Vairākvērtību ievade

package/src/i18n/messagebundle_mk.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Лента за приспособени информаци
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=Во ред
 
+COMBOBOX_AVAILABLE_OPTIONS=Достапни опции
+
+INPUT_AVALIABLE_VALUES=Достапни вредности
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Оваа вредност е веќе избрана
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Внес со повеќе вредности

package/src/i18n/messagebundle_ms.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Bar Maklumat Tersuai
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Pilihan Tersedia
+
+INPUT_AVALIABLE_VALUES=Nilai Tersedia
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Nilai ini telah dipilih.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Input Nilai Berbilang

package/src/i18n/messagebundle_nl.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Aangepaste informatiebalk
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Beschikbare opties
+
+INPUT_AVALIABLE_VALUES=Beschikbare waarden
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Deze waarde is al geselecteerd.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Invoer met meerdere waarden

package/src/i18n/messagebundle_no.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Egendefinert informasjonslinje
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Tilgjengelige alternativer
+
+INPUT_AVALIABLE_VALUES=Tilgjengelige verdier
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Denne verdien er allerede valgt.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Inndata av flere verdier

package/src/i18n/messagebundle_pl.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Niestandardowy pasek informacji
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Dostępne opcje
+
+INPUT_AVALIABLE_VALUES=Dostępne wartości
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Ta wartość jest już wybrana.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Wprowadzanie wielu wartości

package/src/i18n/messagebundle_pt.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Barra de informação personalizada
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Opções disponíveis
+
+INPUT_AVALIABLE_VALUES=Valores disponíveis
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Este valor já está selecionado.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Entrada de valores múltiplos

package/src/i18n/messagebundle_pt_PT.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Barra de informação personalizada
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Opções disponíveis
+
+INPUT_AVALIABLE_VALUES=Valores disponíveis
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Este valor já está selecionado.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Entrada de valor múltiplo

package/src/i18n/messagebundle_ro.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Bară de informații definită de utilizator
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Opţiuni disponibile
+
+INPUT_AVALIABLE_VALUES=Valori disponibile
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Această valoare este deja selectată.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Intrare valori multiple

package/src/i18n/messagebundle_ru.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Настраиваемая информационная с
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=ОК
 
+COMBOBOX_AVAILABLE_OPTIONS=Доступные опции
+
+INPUT_AVALIABLE_VALUES=Доступные значения
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Это значение уже выбрано.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Ввод нескольких значений

package/src/i18n/messagebundle_sh.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Traka sa prilagođenim informacijama
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Dostupne opcije
+
+INPUT_AVALIABLE_VALUES=Dostupne vrednosti
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Ova vrednost je već odabrana.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Unos višestruke vrednosti

package/src/i18n/messagebundle_sk.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Vlastný informačný panel
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Dostupné možnosti
+
+INPUT_AVALIABLE_VALUES=Dostupné hodnoty
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Táto hodnota je už vybratá.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Zadanie viacerých hodnôt

package/src/i18n/messagebundle_sl.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Uporabniško določena vrstica z informacijami
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=V redu
 
+COMBOBOX_AVAILABLE_OPTIONS=Razpoložljive možnosti
+
+INPUT_AVALIABLE_VALUES=Razpoložljive vrednosti
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Ta vrednost je že izbrana.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Vnos z več vrednostmi

package/src/i18n/messagebundle_sr.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Трака са прилагођеним информаци
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=ОК
 
+COMBOBOX_AVAILABLE_OPTIONS=Доступне опције
+
+INPUT_AVALIABLE_VALUES=Доступне вредности
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Ова вредност је већ одабрана.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Унос вишеструке вредности

package/src/i18n/messagebundle_sv.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Användardefinierat informationsfält
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Tillgängliga alternativ
+
+INPUT_AVALIABLE_VALUES=Tillgängliga värden
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Detta värde har redan valts.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Inmatning av flera värden

package/src/i18n/messagebundle_th.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=แถบข้อมูลที่ปรับแต่
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=ตกลง
 
+COMBOBOX_AVAILABLE_OPTIONS=ตัวเลือกที่มีอยู่
+
+INPUT_AVALIABLE_VALUES=ค่าที่มีอยู่
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=ค่านี้ถูกเลือกแล้ว
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=การป้อนค่าหลายค่า

package/src/i18n/messagebundle_tr.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Özel bilgiler çubuğu
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=Tamam
 
+COMBOBOX_AVAILABLE_OPTIONS=Kullanılabilir seçenekler
+
+INPUT_AVALIABLE_VALUES=Kullanılabilir değerler
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Bu değer zaten seçildi.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Çoklu değer girdisi

package/src/i18n/messagebundle_uk.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Користувацька інформаційна пан
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Доступні опції
+
+INPUT_AVALIABLE_VALUES=Доступні значення
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Це значення вже вибрано.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Багатозначне введення

package/src/i18n/messagebundle_vi.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=Thanh thông tin tùy chỉnh
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
+COMBOBOX_AVAILABLE_OPTIONS=Tùy chọn có sẵn
+
+INPUT_AVALIABLE_VALUES=Giá trị có sẵn
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=Giá trị này đã được chọn.
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=Đầu vào đa giá trị

package/src/i18n/messagebundle_zh_CN.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=自定义信息栏
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=确定
 
+COMBOBOX_AVAILABLE_OPTIONS=可用选项
+
+INPUT_AVALIABLE_VALUES=可用值
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=已选择此值。
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=多值输入

package/src/i18n/messagebundle_zh_TW.properties

@@ -173,6 +173,10 @@ MESSAGE_STRIP_CUSTOM=自訂資訊列
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=確定
 
+COMBOBOX_AVAILABLE_OPTIONS=可用選項
+
+INPUT_AVALIABLE_VALUES=可用值
+
 VALUE_STATE_ERROR_ALREADY_SELECTED=已選擇此值。
 
 MULTIINPUT_ROLEDESCRIPTION_TEXT=多重值輸入

package/src/themes/PopupsCommon.css

@@ -60,7 +60,6 @@
 }
 
 :host([header-text]) .ui5-popup-header-text {
-    text-align: center;
     min-height: var(--_ui5_popup_default_header_height);
     max-height: var(--_ui5_popup_default_header_height);
     line-height: var(--_ui5_popup_default_header_height);
@@ -68,7 +67,8 @@
     overflow: hidden;
     white-space: nowrap;
     max-width: 100%;
-    display: inline-block;
+    display: inline-flex;
+    justify-content: var(--_ui5_popup_header_prop_header_text_alignment);
 }
 
 :host([header-text]) .ui5-popup-header-root {

package/src/themes/ResponsivePopover.css

@@ -11,7 +11,7 @@
 .ui5-responsive-popover-header {
 	height: var(--_ui5-responsive_popover_header_height);
 	display: flex;
-	justify-content: space-between;
+	justify-content: var(--_ui5_popup_header_prop_header_text_alignment);
 	align-items: center;
 	width: 100%;
 }

package/src/themes/StepInput.css

@@ -31,6 +31,7 @@
 
 :host .ui5-step-input-input {
 	text-align: inherit;
+	height: inherit;
 }
 
 :host(:not([value-state]):not([readonly]):not([disabled])){
@@ -166,6 +167,7 @@
 	line-height: inherit;
 	letter-spacing: inherit;
 	word-spacing: inherit;
+	height: inherit;
 }
 
 :host .ui5-step-input-input[text-align=left] {

package/src/themes/TimePicker.css

@@ -12,6 +12,7 @@
 
 :host {
 	min-width: calc(var(--_ui5_input_min_width) + var(--_ui5_input_icon_width));
+	height: var(--sapElement_Height);
 	color: var(--sapField_TextColor);
 	background-color: var(--sapField_Background);
 	border-radius: var(--_ui5-time_picker_border_radius);
@@ -34,6 +35,7 @@
 	line-height: inherit;
 	letter-spacing: inherit;
 	word-spacing: inherit;
+	height: inherit;
 }
 
 :host .ui5-time-picker-input {
@@ -44,4 +46,5 @@
 	letter-spacing: inherit;
 	word-spacing: inherit;
 	margin: inherit;
+	height: inherit;
 }

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

@@ -135,11 +135,24 @@
 	--_ui5-tree-toggle-icon-size: 1.0625rem;
 
 	/* Timeline */
-	--_ui5_timeline_tli_indicator_before_bottom: -1.625rem;
+	--_ui5_timeline_tli_indicator_before_bottom: -1.5rem;
 	--_ui5_timeline_tli_indicator_before_right: -1.625rem;
 	--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1.875rem;
 	--_ui5_timeline_tli_indicator_before_without_icon_right: -1.9375rem;
 
+	/* TimelineItem COZY */
+	--_ui5_timeline_tli_indicator_after_top: calc(-100% - 1rem);
+	--_ui5_timeline_tli_indicator_after_height: calc(100% + 1rem);
+	--_ui5_timeline_tli_indicator_before_height: 100%;
+	--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% + 0.25rem);
+	--_ui5_timeline_tli_horizontal_indicator_after_left: 1.9375rem;
+	--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: calc(100% + 0.5rem);
+	--_ui5_timeline_tli_horizontal_indicator_before_width: calc(100% + 0.5rem);
+	--_ui5_timeline_tli_icon_horizontal_indicator_after_width: calc(100% + 0.25rem);
+	--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% + 0.375rem);
+	--_ui5_timeline_tli_horizontal_indicator_short_after_width: 100%;
+	--_ui5_timeline_tli_last_child_vertical_indicator_before_height: calc(100% - 1.5rem);
+
 	/* SplitButton */
 	--_ui5_split_button_middle_separator_top: -0.0625rem;
 	--_ui5_split_button_middle_separator_height: 2.25rem;
@@ -353,11 +366,32 @@
 	--_ui5-tree-toggle-icon-size: 0.8125rem;
 
 	/* Timeline */
-	--_ui5_timeline_tli_indicator_before_bottom: -0.5rem;
+	--_ui5_timeline_tli_indicator_before_bottom: -0.75rem;
 	--_ui5_timeline_tli_indicator_before_right: -0.5rem;
-	--_ui5_timeline_tli_indicator_before_without_icon_bottom: -0.75rem;
+	--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1rem;
 	--_ui5_timeline_tli_indicator_before_without_icon_right: -0.8125rem;
 
+	/* TimelineItem */
+	--_ui5_timeline_tli_indicator_before_height: calc(100% - 1.25rem);
+	--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);
+	--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);
+	--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);
+	--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);
+	--_ui5_timeline_tli_indicator_after_top: calc(-100% + 0.9375rem);
+	--_ui5_timeline_tli_indicator_after_height: calc(100% - 0.75rem);
+	--_ui5_timeline_tli_horizontal_indicator_after_left: 1.8625rem;
+	--_ui5_timeline_tli_horizontal_indicator_short_after_width: calc(100% - 1rem);
+	--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% - 0.625rem);
+	--_ui5_timeline_tli_last_child_vertical_indicator_before_height: calc(100% - 2.5rem);
+
+	/* TimelineGroupItem */
+	--_ui5_timeline_tlgi_compact_icon_before_height: calc(100% + 1.5rem);
+	--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5_timeline_tlgi_compact_icon_before_height);
+	--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: 0.5rem;
+	--_ui5_timeline_tlgi_compact_root_gap: 0.5rem;
+	--_ui5_timeline_tlgi_root_horizontal_height: 19.375rem;
+
+
 	/* ViewSettingsDialog */
 	--_ui5_vsd_header_container: 2.5rem;
 	--_ui5_vsd_sub_header_container_height: 2rem;

package/src/themes/sap_fiori_3/sizes-parameters.css

@@ -2,5 +2,17 @@
 
 :root {
 	/* CalendarLegend */
-    --_ui5-calendar-legend-item-root-focus-offset: -0.0625rem;
+	--_ui5-calendar-legend-item-root-focus-offset: -0.0625rem;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+	/* Timeline Item */
+	--_ui5_timeline_tli_indicator_after_height: 50%;
+	--_ui5_timeline_tli_indicator_after_top: -50%;
+	--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% - 1rem);
+
+	/* Timeline Group Item */
+	--_ui5_timeline_tlgi_root_horizontal_height: 20.90625rem;
 }

package/src/themes/sap_fiori_3_dark/sizes-parameters.css

@@ -4,3 +4,12 @@
 	/* CalendarLegend */
     --_ui5-calendar-legend-item-root-focus-offset: -0.0625rem;
 }
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+    /* Timeline Item */
+    --_ui5_timeline_tli_indicator_after_height: 50%;
+    --_ui5_timeline_tli_indicator_after_top: -50%;
+    --_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% - 1rem);
+}

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

@@ -9,4 +9,9 @@
 
 	/* SplitButton */
 	--_ui5_split_button_text_button_width: 2.25rem;
+
+	/* Timeline Item */
+	--_ui5_timeline_tli_indicator_after_height: 50%;
+	--_ui5_timeline_tli_indicator_after_top: -50%;
+	--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% - 1rem);
 }

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

@@ -9,4 +9,9 @@
 
 	/* SplitButton */
 	--_ui5_split_button_text_button_width: 2.25rem;
+
+	/* Timeline Item */
+	--_ui5_timeline_tli_indicator_after_height: 50%;
+	--_ui5_timeline_tli_indicator_after_top: -50%;
+	--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% - 1rem);
 }