@ui5/webcomponents 2.19.0-rc.1 → 2.19.0-rc.2

package/dist/vscode.html-custom-data.json

@@ -1964,6 +1964,16 @@
           "name": "open",
           "description": "Defines whether the suggestions picker is open.\nThe picker will not open if the `showSuggestions` property is set to `false`, the input is disabled or the input is readonly.\nThe picker will close automatically and `close` event will be fired if the input is not in the viewport.",
           "values": []
+        },
+        {
+          "name": "filter",
+          "description": "Defines the filter type of the component.",
+          "values": [
+            { "name": "None" },
+            { "name": "StartsWithPerTerm" },
+            { "name": "StartsWith" },
+            { "name": "Contains" }
+          ]
         }
       ],
       "references": []
@@ -2621,7 +2631,7 @@
     },
     {
       "name": "ui5-multi-combobox",
-      "description": "### Overview\n\nThe `ui5-multi-combobox` component consists of a list box with items and a text field allowing the user to either type a value directly into the text field, or choose from the list of existing items.\n\nThe drop-down list is used for selecting and filtering values, it enables users to select one or more options from a predefined list. The control provides an editable input field to filter the list, and a dropdown arrow to expand/collapse the list of available options.\nThe options in the list have checkboxes that permit multi-selection. Entered values are displayed as tokens.\n### Structure\nThe `ui5-multi-combobox` consists of the following elements:\n\n-  Tokenizer - a list of tokens with selected options.\n-  Input field - displays the selected option/s as token/s. Users can type to filter the list.\n-  Drop-down arrow - expands\\collapses the option list.\n-  Option list - the list of available options.\n\n### Keyboard Handling\n\nThe `ui5-multi-combobox` provides advanced keyboard handling.\n\n#### Picker\nIf the `ui5-multi-combobox` is focused,\nyou can open or close the drop-down by pressing [F4], [Alt] + [Up] or [Alt] + [Down] keys.\nOnce the drop-down is opened, you can use the `UP` and `DOWN` arrow keys\nto navigate through the available options and select one by pressing the `Space` or `Enter` keys.\n[Ctrl]+[Alt]+[F8] or [Command]+[Option]+[F8] - Focuses the first link in the value state message, if available. Pressing [Tab] moves the focus to the next link in the value state message, or closes the value state message if there are no more links.\n\n#### Tokens\n\n-  Left/Right arrow keys - moves the focus selection form the currently focused token to the previous/next one (if available).\n-  Delete -  deletes the token and focuses the previous token.\n-  Backspace -  deletes the token and focus the next token.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MultiComboBox.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component changes at each keystroke or clear icon is pressed.\n- **open** - Fired when the dropdown is opened.\n- **close** - Fired when the dropdown is closed.\n- **selection-change** - Fired when selection is changed by user interaction.\n\n### **Slots:**\n - **default** - Defines the component items.\n- **icon** - Defines the icon to be displayed in the component.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n### **CSS Parts:**\n - **token-\\{index\\}** - Used to style each token(where `token-0` corresponds to the first item)",
+      "description": "### Overview\n\nThe `ui5-multi-combobox` component consists of a list box with items and a text field allowing the user to either type a value directly into the text field, or choose from the list of existing items.\n\nThe drop-down list is used for selecting and filtering values, it enables users to select one or more options from a predefined list. The control provides an editable input field to filter the list, and a dropdown arrow to expand/collapse the list of available options.\nThe options in the list have checkboxes that permit multi-selection. Entered values are displayed as tokens.\n### Structure\nThe `ui5-multi-combobox` consists of the following elements:\n\n-  Tokenizer - a list of tokens with selected options.\n-  Input field - displays the selected option/s as token/s. Users can type to filter the list.\n-  Drop-down arrow - expands\\collapses the option list.\n-  Option list - the list of available options.\n\n### Keyboard Handling\n\nThe `ui5-multi-combobox` provides advanced keyboard handling.\n\n#### Picker\nIf the `ui5-multi-combobox` is focused,\nyou can open or close the drop-down by pressing [F4], [Alt] + [Up] or [Alt] + [Down] keys.\nOnce the drop-down is opened, you can use the `UP` and `DOWN` arrow keys\nto navigate through the available options and select one by pressing the `Space` or `Enter` keys.\n[Ctrl]+[Alt]+[F8] or [Command]+[Option]+[F8] - Focuses the first link in the value state message, if available. Pressing [Tab] moves the focus to the next link in the value state message, or closes the value state message if there are no more links.\n\n#### Tokens\n\n-  Left/Right arrow keys - moves the focus selection form the currently focused token to the previous/next one (if available).\n-  Delete -  deletes the token and focuses the previous token.\n-  Backspace -  deletes the token and focus the next token.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MultiComboBox.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component changes at each keystroke or clear icon is pressed.\n- **open** - Fired when the dropdown is opened.\n- **close** - Fired when the dropdown is closed.\n- **selection-change** - Fired when selection is changed by user interaction.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.\n\n### **Slots:**\n - **default** - Defines the component items.\n- **icon** - Defines the icon to be displayed in the component.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n### **CSS Parts:**\n - **token-\\{index\\}** - Used to style each token(where `token-0` corresponds to the first item)",
       "attributes": [
         {
           "name": "value",
@@ -2863,6 +2873,16 @@
           "name": "open",
           "description": "Defines whether the suggestions picker is open.\nThe picker will not open if the `showSuggestions` property is set to `false`, the input is disabled or the input is readonly.\nThe picker will close automatically and `close` event will be fired if the input is not in the viewport.",
           "values": []
+        },
+        {
+          "name": "filter",
+          "description": "Defines the filter type of the component.",
+          "values": [
+            { "name": "None" },
+            { "name": "StartsWithPerTerm" },
+            { "name": "StartsWith" },
+            { "name": "Contains" }
+          ]
         }
       ],
       "references": []

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ui5/webcomponents",
-  "version": "2.19.0-rc.0",
+  "version": "2.19.0-rc.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -3913,6 +3913,14 @@
               "name": "open",
               "description": "Defines whether the suggestions picker is open.\nThe picker will not open if the `showSuggestions` property is set to `false`, the input is disabled or the input is readonly.\nThe picker will close automatically and `close` event will be fired if the input is not in the viewport.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "filter",
+              "description": "Defines the filter type of the component.",
+              "value": {
+                "type": "\"None\" | \"StartsWithPerTerm\" | \"StartsWith\" | \"Contains\"",
+                "default": "\"None\""
+              }
             }
           ],
           "slots": [
@@ -4045,6 +4053,13 @@
                 "name": "open",
                 "description": "Defines whether the suggestions picker is open.\nThe picker will not open if the `showSuggestions` property is set to `false`, the input is disabled or the input is readonly.\nThe picker will close automatically and `close` event will be fired if the input is not in the viewport.",
                 "value": { "type": "boolean" }
+              },
+              {
+                "name": "filter",
+                "description": "Defines the filter type of the component.",
+                "value": {
+                  "type": "\"None\" | \"StartsWithPerTerm\" | \"StartsWith\" | \"Contains\""
+                }
               }
             ],
             "events": [
@@ -5511,7 +5526,7 @@
         },
         {
           "name": "ui5-multi-combobox",
-          "description": "### Overview\n\nThe `ui5-multi-combobox` component consists of a list box with items and a text field allowing the user to either type a value directly into the text field, or choose from the list of existing items.\n\nThe drop-down list is used for selecting and filtering values, it enables users to select one or more options from a predefined list. The control provides an editable input field to filter the list, and a dropdown arrow to expand/collapse the list of available options.\nThe options in the list have checkboxes that permit multi-selection. Entered values are displayed as tokens.\n### Structure\nThe `ui5-multi-combobox` consists of the following elements:\n\n-  Tokenizer - a list of tokens with selected options.\n-  Input field - displays the selected option/s as token/s. Users can type to filter the list.\n-  Drop-down arrow - expands\\collapses the option list.\n-  Option list - the list of available options.\n\n### Keyboard Handling\n\nThe `ui5-multi-combobox` provides advanced keyboard handling.\n\n#### Picker\nIf the `ui5-multi-combobox` is focused,\nyou can open or close the drop-down by pressing [F4], [Alt] + [Up] or [Alt] + [Down] keys.\nOnce the drop-down is opened, you can use the `UP` and `DOWN` arrow keys\nto navigate through the available options and select one by pressing the `Space` or `Enter` keys.\n[Ctrl]+[Alt]+[F8] or [Command]+[Option]+[F8] - Focuses the first link in the value state message, if available. Pressing [Tab] moves the focus to the next link in the value state message, or closes the value state message if there are no more links.\n\n#### Tokens\n\n-  Left/Right arrow keys - moves the focus selection form the currently focused token to the previous/next one (if available).\n-  Delete -  deletes the token and focuses the previous token.\n-  Backspace -  deletes the token and focus the next token.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MultiComboBox.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component changes at each keystroke or clear icon is pressed.\n- **open** - Fired when the dropdown is opened.\n- **close** - Fired when the dropdown is closed.\n- **selection-change** - Fired when selection is changed by user interaction.\n\n### **Slots:**\n - **default** - Defines the component items.\n- **icon** - Defines the icon to be displayed in the component.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n### **CSS Parts:**\n - **token-\\{index\\}** - Used to style each token(where `token-0` corresponds to the first item)",
+          "description": "### Overview\n\nThe `ui5-multi-combobox` component consists of a list box with items and a text field allowing the user to either type a value directly into the text field, or choose from the list of existing items.\n\nThe drop-down list is used for selecting and filtering values, it enables users to select one or more options from a predefined list. The control provides an editable input field to filter the list, and a dropdown arrow to expand/collapse the list of available options.\nThe options in the list have checkboxes that permit multi-selection. Entered values are displayed as tokens.\n### Structure\nThe `ui5-multi-combobox` consists of the following elements:\n\n-  Tokenizer - a list of tokens with selected options.\n-  Input field - displays the selected option/s as token/s. Users can type to filter the list.\n-  Drop-down arrow - expands\\collapses the option list.\n-  Option list - the list of available options.\n\n### Keyboard Handling\n\nThe `ui5-multi-combobox` provides advanced keyboard handling.\n\n#### Picker\nIf the `ui5-multi-combobox` is focused,\nyou can open or close the drop-down by pressing [F4], [Alt] + [Up] or [Alt] + [Down] keys.\nOnce the drop-down is opened, you can use the `UP` and `DOWN` arrow keys\nto navigate through the available options and select one by pressing the `Space` or `Enter` keys.\n[Ctrl]+[Alt]+[F8] or [Command]+[Option]+[F8] - Focuses the first link in the value state message, if available. Pressing [Tab] moves the focus to the next link in the value state message, or closes the value state message if there are no more links.\n\n#### Tokens\n\n-  Left/Right arrow keys - moves the focus selection form the currently focused token to the previous/next one (if available).\n-  Delete -  deletes the token and focuses the previous token.\n-  Backspace -  deletes the token and focus the next token.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MultiComboBox.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component changes at each keystroke or clear icon is pressed.\n- **open** - Fired when the dropdown is opened.\n- **close** - Fired when the dropdown is closed.\n- **selection-change** - Fired when selection is changed by user interaction.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.\n\n### **Slots:**\n - **default** - Defines the component items.\n- **icon** - Defines the icon to be displayed in the component.\n- **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n### **CSS Parts:**\n - **token-\\{index\\}** - Used to style each token(where `token-0` corresponds to the first item)",
           "doc-url": "",
           "attributes": [
             {
@@ -5630,6 +5645,10 @@
             {
               "name": "selection-change",
               "description": "Fired when selection is changed by user interaction."
+            },
+            {
+              "name": "value-state-change",
+              "description": "Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state."
             }
           ],
           "js": {
@@ -5734,6 +5753,10 @@
               {
                 "name": "selection-change",
                 "description": "Fired when selection is changed by user interaction."
+              },
+              {
+                "name": "value-state-change",
+                "description": "Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state."
               }
             ]
           }
@@ -5955,6 +5978,14 @@
               "name": "open",
               "description": "Defines whether the suggestions picker is open.\nThe picker will not open if the `showSuggestions` property is set to `false`, the input is disabled or the input is readonly.\nThe picker will close automatically and `close` event will be fired if the input is not in the viewport.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "filter",
+              "description": "Defines the filter type of the component.",
+              "value": {
+                "type": "\"None\" | \"StartsWithPerTerm\" | \"StartsWith\" | \"Contains\"",
+                "default": "\"None\""
+              }
             }
           ],
           "slots": [
@@ -6104,6 +6135,13 @@
                 "name": "open",
                 "description": "Defines whether the suggestions picker is open.\nThe picker will not open if the `showSuggestions` property is set to `false`, the input is disabled or the input is readonly.\nThe picker will close automatically and `close` event will be fired if the input is not in the viewport.",
                 "value": { "type": "boolean" }
+              },
+              {
+                "name": "filter",
+                "description": "Defines the filter type of the component.",
+                "value": {
+                  "type": "\"None\" | \"StartsWithPerTerm\" | \"StartsWith\" | \"Contains\""
+                }
               }
             ],
             "events": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.19.0-rc.1",
+  "version": "2.19.0-rc.2",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -52,22 +52,22 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.19.0-rc.1",
-    "@ui5/webcomponents-icons": "2.19.0-rc.1",
-    "@ui5/webcomponents-icons-business-suite": "2.19.0-rc.1",
-    "@ui5/webcomponents-icons-tnt": "2.19.0-rc.1",
-    "@ui5/webcomponents-localization": "2.19.0-rc.1",
-    "@ui5/webcomponents-theming": "2.19.0-rc.1"
+    "@ui5/webcomponents-base": "2.19.0-rc.2",
+    "@ui5/webcomponents-icons": "2.19.0-rc.2",
+    "@ui5/webcomponents-icons-business-suite": "2.19.0-rc.2",
+    "@ui5/webcomponents-icons-tnt": "2.19.0-rc.2",
+    "@ui5/webcomponents-localization": "2.19.0-rc.2",
+    "@ui5/webcomponents-theming": "2.19.0-rc.2"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.10",
     "@ui5/cypress-internal": "0.1.0",
-    "@ui5/webcomponents-tools": "2.19.0-rc.1",
+    "@ui5/webcomponents-tools": "2.19.0-rc.2",
     "cypress": "^15.3.0",
     "jsdom": "^26.0.0",
     "lit": "^2.0.0",
     "vite": "5.4.21",
     "vitest": "^3.0.2"
   },
-  "gitHead": "66ed600ae9048ad030b12de1024ab001666539ab"
+  "gitHead": "4407982a1dd6a3799413303d1157fc5e9fb96260"
 }

package/src/ColorPickerTemplate.tsx

@@ -112,7 +112,7 @@ export default function ColorPickerTemplate(this: ColorPicker) {
 							id="alpha"
 							disabled={this.inputsDisabled}
 							class="ui5-color-channel-input"
-							value={String(this._alpha)}
+							value={this._alphaTemp ?? String(this._alpha)}
 							accessibleName={this.alphaInputLabel}
 							onChange={this._handleAlphaChange}
 							onInput={this._handleAlphaInput}

package/src/InputTemplate.tsx

@@ -33,8 +33,8 @@ export default function InputTemplate(this: Input, hooks?: { preContent: Templat
 						inner-input-with-icon={!!this.icon.length}
 						disabled={this.disabled}
 						readonly={this._readonly}
+						value={this.value}
 						required={this.required}
-						value={this._innerValue}
 						placeholder={this._placeholder}
 						maxlength={this.maxlength}
 						role={this.accInfo.role}

package/src/MenuItemTemplate.tsx

@@ -120,7 +120,10 @@ function listItemPostContent(this: MenuItem) {
 			)
 		}
 
-		<div id={`${this._id}-menu-main`}>
+		<div
+			id={`${this._id}-menu-main`}
+			class={this.loading ? "menu-busy-indicator-main" : ""}
+		>
 			{
 				this.items.length ? (
 					<List

package/src/MenuTemplate.tsx

@@ -34,6 +34,7 @@ export default function MenuTemplate(this: Menu) {
 			}
 			<div
 				id={`${this._id}-menu-main`}
+				class={this.loading ? "ui5-menu-busy-indicator-main" : ""}
 			>
 				{this.items.length ?
 					(<List

package/src/StepInputTemplate.tsx

@@ -13,6 +13,7 @@ export default function StepInputTemplate(this: StepInput) {
 			onKeyDown={this._onkeydown}
 			onFocusIn={this._onfocusin}
 			onFocusOut={this._onfocusout}
+			onWheel={this._onMouseWheel}
 		>
 			{/* Decrement Icon */}
 			{!this.readonly &&

package/src/TreeItemBaseTemplate.tsx

@@ -2,7 +2,7 @@ import type TreeItemBase from "./TreeItemBase.js";
 import ListItemTemplate from "./ListItemTemplate.js";
 import Icon from "./Icon.js";
 import navigationDownArrow from "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
-import navigatioRightArrow from "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+import navigationRightArrow from "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
 import type { ListItemHooks } from "./ListItemTemplate.js";
 
 const predefinedHooks: Partial<ListItemHooks> = {
@@ -31,7 +31,7 @@ function listItemPreContent(this: TreeItemBase) {
 				<Icon
 					part="toggle-icon"
 					class="ui5-li-tree-toggle-icon"
-					name={this.expanded ? navigationDownArrow : navigatioRightArrow}
+					name={this.expanded ? navigationDownArrow : navigationRightArrow}
 					showTooltip={true}
 					accessibleName={this.iconAccessibleName}
 					// @ts-expect-error

package/src/themes/Menu.css

@@ -19,6 +19,14 @@
 
 .ui5-menu-busy-indicator {
 	width: 100%;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}
+
+.ui5-menu-busy-indicator-main {
+	min-height: var(--_ui5_list_item_base_height);
 }
 
 .ui5-menu-dialog-header {

package/src/themes/MenuItem.css

@@ -124,4 +124,12 @@
 .ui5-menu-item-icon-checked {
 	color: var(--sapContent_BusyColor);
 	padding-top: 0.25rem;
+}
+
+.ui5-menu-busy-indicator {
+	position: absolute;
+	width: 100%;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
 }

package/src/themes/SegmentedButton.css

@@ -36,7 +36,7 @@
 	z-index: initial;
 }
 
-::slotted([ui5-segmented-button-item]:hover) {
+::slotted([ui5-segmented-button-item]:not([disabled]):hover) {
 	z-index: 2;
 	box-shadow: var(--_ui5_segmented_btn_hover_box_shadow);
 	border-color: var(--sapButton_Hover_BorderColor);
@@ -79,7 +79,7 @@
 	border-color: var(--sapButton_Selected_BorderColor);
 }
 
-::slotted([ui5-segmented-button-item]:active) {
+::slotted([ui5-segmented-button-item]:not([disabled]):active) {
 	background-color: var(--sapButton_Active_Background);
 }
 

package/src/themes/SegmentedButtonItem.css

@@ -103,10 +103,6 @@
 	min-width: calc(var(--_ui5_button_base_min_width) - var(--_ui5_button_base_icon_margin) - 1rem);
 }
 
-:host([disabled]) {
-	pointer-events: none;
-}
-
 :host([desktop]:not([active])) .ui5-segmented-button-item-root:focus-within:after,
 :host(:not([active])) .ui5-segmented-button-item-root:focus-visible:after,
 :host([desktop][active]) .ui5-segmented-button-item-root:focus-within:before,

package/src/themes/TableCellBase.css

@@ -10,6 +10,10 @@
 	box-sizing: border-box;
 }
 
+:host([_popin]) {
+	justify-content: normal !important;
+}
+
 :host([tabindex]:focus) {
 	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: calc(-1 * var(--sapContent_FocusWidth));

package/src/themes/TreeItem.css

@@ -65,12 +65,20 @@
 }
 
 .ui5-li-tree-toggle-icon {
-	width: var(--_ui5-tree-toggle-icon-size);
-	height: var(--_ui5-tree-toggle-icon-size);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: var(--_ui5-tree-toggle-box-width);
+	height: var(--_ui5-tree-toggle-box-height);
 	color: var(--sapContent_IconColor);
 	cursor: pointer;
 }
 
+.ui5-li-tree-toggle-icon::part(root) {
+	width: var(--_ui5-tree-toggle-icon-size);
+	height: var(--_ui5-tree-toggle-icon-size);
+}
+
 :host([actionable]) .ui5-li-tree-toggle-icon {
 	color: var(--sapButton_TextColor);
 }

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

@@ -106,9 +106,6 @@
 	--_ui5_token_height: 1.625rem;
 	--_ui5_token_icon_size: .75rem;
 	--_ui5_token_icon_padding: 0.25rem 0.5rem;
-	--_ui5_tl_bubble_padding: 1rem;
-	--_ui5_tl_padding: 1rem 1rem 1rem .5rem;
-	--_ui5_tl_li_margin_bottom: 1.625rem;
 
 	/*switch*/
 	--_ui5_tc_item_text: 3rem;
@@ -138,24 +135,6 @@
 	--_ui5-tree-toggle-box-height: 2.25rem;
 	--_ui5-tree-toggle-icon-size: 1.0625rem;
 
-	/* Timeline */
-	--_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%;
-
 	/* SplitButton */
 	--_ui5_split_button_middle_separator_top: -0.0625rem;
 	--_ui5_split_button_middle_separator_height: 2.25rem;
@@ -325,10 +304,6 @@
 	--_ui5_token_icon_padding: 0.375rem 0.375rem;
 	--_ui5_token_outline_offset: -0.125rem;
 
-	--_ui5_tl_bubble_padding: .5rem;
-	--_ui5_tl_padding: .5rem;
-	--_ui5_tl_li_margin_bottom: .5rem;
-
 	--_ui5_tc_item_text: 2rem;
 	--_ui5_tc_item_text_line_height: 1.325rem;
 	--_ui5_tc_item_icon_size: 1rem;
@@ -370,37 +345,6 @@
 	--_ui5-tree-toggle-box-height: 1.5rem;
 	--_ui5-tree-toggle-icon-size: 0.8125rem;
 
-	/* Timeline */
-	--_ui5_timeline_tli_indicator_before_bottom: -0.75rem;
-	--_ui5_timeline_tli_indicator_before_right: -0.5rem;
-	--_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);
-
-	/* 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;
-	--_ui5_vsd_expand_content_height: 25.4375rem;
-
 	/* Toolbar */
 	--_ui5-toolbar-separator-height: 1.5rem;
 	--_ui5-toolbar-height: 2rem;

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

@@ -14,14 +14,6 @@
 	/* ColorPicker */
 	--_ui5_color_picker_slider_handle_container_margin_top: none;
 
-	/* 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;
-
 	/* Slider, Range Slider */
 	--_ui5_slider_handle_width: 1.25rem;
 	--_ui5_slider_handle_height: 1.25rem;

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

@@ -14,11 +14,6 @@
     /* ColorPicker */
 	--_ui5_color_picker_slider_handle_container_margin_top: none;
 
-    /* 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);
-
     /* Slider, Range Slider */
 	--_ui5_slider_handle_width: 1.25rem;
 	--_ui5_slider_handle_height: 1.25rem;

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

@@ -18,9 +18,4 @@
 
 	/* ColorPicker */
 	--_ui5_color_picker_slider_handle_container_margin_top: none;
-
-	/* 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

@@ -18,9 +18,4 @@
 
 	/* ColorPicker */
 	--_ui5_color_picker_slider_handle_container_margin_top: none;
-
-	/* 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);
 }