@ui5/webcomponents 2.24.0-rc.3 → 2.25.0-rc.0

package/dist/custom-elements-internal.json

@@ -5112,6 +5112,7 @@
               "_ui5Cancelable": false,
               "_ui5allowPreventDefault": false,
               "_ui5Bubbles": true,
+              "_ui5since": "2.24.0",
               "_ui5parameters": [
                 {
                   "type": {
@@ -5130,14 +5131,7 @@
                 },
                 {
                   "type": {
-                    "text": "ComboBoxSelectionChangeTrigger",
-                    "references": [
-                      {
-                        "name": "ComboBoxSelectionChangeTrigger",
-                        "package": "@ui5/webcomponents",
-                        "module": "dist/types/ComboBoxSelectionChangeTrigger.js"
-                      }
-                    ]
+                    "text": "string"
                   },
                   "name": "trigger",
                   "_ui5privacy": "public",
@@ -5498,6 +5492,37 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "click",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent<ComboBoxItemCustomClickEventDetail>",
+                "references": [
+                  {
+                    "name": "ComboBoxItemCustomClickEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/ComboBoxItemCustom.js"
+                  }
+                ]
+              },
+              "description": "Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.",
+              "_ui5Cancelable": false,
+              "_ui5allowPreventDefault": false,
+              "_ui5Bubbles": true,
+              "_ui5since": "2.24.0",
+              "_ui5parameters": [
+                {
+                  "type": {
+                    "text": "Event"
+                  },
+                  "name": "originalEvent",
+                  "_ui5privacy": "public",
+                  "description": "The original event from the user interaction."
+                }
+              ]
+            }
+          ],
           "attributes": [
             {
               "description": "Defines the text of the component.\nUsed for filtering, autocomplete, and mobile rendering.",
@@ -5533,37 +5558,6 @@
               "package": "@ui5/webcomponents",
               "module": "dist/ComboBox.js"
             }
-          ],
-          "events": [
-            {
-              "name": "click",
-              "_ui5privacy": "public",
-              "type": {
-                "text": "CustomEvent<ListItemBaseClickEventDetail>",
-                "references": [
-                  {
-                    "name": "ListItemBaseClickEventDetail",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/ListItemBase.js"
-                  }
-                ]
-              },
-              "description": "Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`.",
-              "_ui5Cancelable": false,
-              "_ui5allowPreventDefault": false,
-              "_ui5Bubbles": true,
-              "_ui5since": "2.23.0",
-              "_ui5parameters": [
-                {
-                  "type": {
-                    "text": "Event"
-                  },
-                  "name": "originalEvent",
-                  "_ui5privacy": "public",
-                  "description": "The original event from the user interaction."
-                }
-              ]
-            }
           ]
         }
       ],
@@ -9344,7 +9338,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\nThe `ui5-dialog` component is used to temporarily display some information in a\nsize-limited window in front of the regular app screen.\nIt is used to prompt the user for an action or a confirmation.\nThe `ui5-dialog` interrupts the current app processing as it is the only focused UI element and\nthe main screen is dimmed/blocked.\nThe dialog combines concepts known from other technologies where the windows have\nnames such as dialog box, dialog window, pop-up, pop-up window, alert box, or message box.\n\nThe `ui5-dialog` is modal, which means that a user action is required before it is possible to return to the parent window.\nTo open multiple dialogs, each dialog element should be separate in the markup. This will ensure the correct modal behavior. Avoid nesting dialogs within each other.\nThe content of the `ui5-dialog` is fully customizable.\n\n### Structure\nA `ui5-dialog` consists of a header, content, and a footer for action buttons.\nThe `ui5-dialog` is usually displayed at the center of the screen.\nIts position can be changed by the user. To enable this, you need to set the property `draggable` accordingly.\n\n\n### Responsive Behavior\nThe `stretch` property can be used to stretch the `ui5-dialog` to full screen. For better usability, it's recommended to stretch the dialog to full screen on phone devices.\n\n**Note:** When a `ui5-bar` is used in the header or in the footer, you should remove the default dialog's paddings.\n\nFor more information see the sample \"Bar in Header/Footer\".\n\n### Keyboard Handling\n\n#### Basic Navigation\nWhen the `ui5-dialog` has the `draggable` property set to `true`, the user can move the dialog\nwith the following keyboard shortcuts:\n\n- [Up] or [Down] arrow keys - Move the dialog up/down.\n- [Left] or [Right] arrow keys - Move the dialog left/right.\n\n#### Resizing\nWhen the `ui5-dialog` has the `resizable` property set to `true`, the user can change the size of the dialog\nwith the following keyboard shortcuts:\n\n- [Shift] + [Up] or [Down] - Decrease/Increase the height of the dialog.\n- [Shift] + [Left] or [Right] - Decrease/Increase the width of the dialog.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Dialog\";`",
+          "description": "### Overview\nThe `ui5-dialog` component is used to temporarily display some information in a\nsize-limited window in front of the regular app screen.\nIt is used to prompt the user for an action or a confirmation.\nThe `ui5-dialog` interrupts the current app processing as it is the only focused UI element and\nthe main screen is dimmed/blocked.\nThe dialog combines concepts known from other technologies where the windows have\nnames such as dialog box, dialog window, pop-up, pop-up window, alert box, or message box.\n\nThe `ui5-dialog` is modal, which means that a user action is required before it is possible to return to the parent window.\nTo open multiple dialogs, each dialog element should be separate in the markup. This will ensure the correct modal behavior. Avoid nesting dialogs within each other.\nThe content of the `ui5-dialog` is fully customizable.\n\n### Structure\nA `ui5-dialog` consists of a header, content, and a footer for action buttons.\nThe `ui5-dialog` is usually displayed at the center of the screen.\nIts position can be changed by the user. To enable this, you need to set the property `draggable` accordingly.\n\n\n### Responsive Behavior\nThe `stretch` property can be used to stretch the `ui5-dialog` to full screen. For better usability, it's recommended to stretch the dialog to full screen on phone devices.\n\n**Note:** When a `ui5-bar` is used in the header or in the footer, you should remove the default dialog's paddings.\n\nFor more information see the sample \"Bar in Header/Footer\".\n\n### Keyboard Handling\n\n#### Basic Navigation\nWhen the `ui5-dialog` has the `draggable` property set to `true`, the user can move the dialog\nwith the following keyboard shortcuts:\n\n- [Up] or [Down] arrow keys - Move the dialog up/down.\n- [Left] or [Right] arrow keys - Move the dialog left/right.\n\n#### Resizing\nWhen the `ui5-dialog` has the `resizable` property set to `true`, the user can change the size of the dialog\nwith the following keyboard shortcuts:\n\n- [Shift] + [Up] or [Down] - Decrease/Increase the height of the dialog.\n- [Shift] + [Left] or [Right] - Decrease/Increase the width of the dialog.\n\n#### Fullscreen\nWhen the `ui5-dialog` has the `showFullscreenButton` property set to `true`, the user can toggle fullscreen mode\nwith the following keyboard shortcut:\n\n- [Shift] + [Ctrl] + [F] - Toggle fullscreen mode.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Dialog\";`",
           "name": "Dialog",
           "cssParts": [
             {
@@ -9537,6 +9531,17 @@
               "privacy": "public",
               "_ui5since": "1.0.0-rc.10"
             },
+            {
+              "kind": "field",
+              "name": "showFullscreenButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines whether a fullscreen toggle button is shown in the dialog header.\nWhen pressed, it toggles the `stretch` property.\nThe fullscreen button is not available on phone devices.\n\n**Note:** The fullscreen button is not available on phone devices,\nnor when a custom header slot is provided — the application is expected\nto render its own toggle inside the custom header in those cases.",
+              "privacy": "public",
+              "_ui5since": "2.25.0"
+            },
             {
               "kind": "field",
               "name": "state",
@@ -9675,6 +9680,15 @@
                 "text": "boolean"
               }
             },
+            {
+              "description": "Defines whether a fullscreen toggle button is shown in the dialog header.\nWhen pressed, it toggles the `stretch` property.\nThe fullscreen button is not available on phone devices.\n\n**Note:** The fullscreen button is not available on phone devices,\nnor when a custom header slot is provided — the application is expected\nto render its own toggle inside the custom header in those cases.",
+              "name": "show-fullscreen-button",
+              "default": "false",
+              "fieldName": "showFullscreenButton",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "description": "Defines the state of the `Dialog`.\n\n**Note:** If `\"Negative\"` and `\"Critical\"` states is set, it will change the\naccessibility role to \"alertdialog\", if the accessibleRole property is set to `\"Dialog\"`.",
               "name": "state",
@@ -16995,12 +17009,12 @@
               "name": "click",
               "_ui5privacy": "public",
               "type": {
-                "text": "CustomEvent<ListItemBaseClickEventDetail>",
+                "text": "CustomEvent<MultiComboBoxItemCustomClickEventDetail>",
                 "references": [
                   {
-                    "name": "ListItemBaseClickEventDetail",
+                    "name": "MultiComboBoxItemCustomClickEventDetail",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/ListItemBase.js"
+                    "module": "dist/MultiComboBoxItemCustom.js"
                   }
                 ]
               },
@@ -17008,7 +17022,7 @@
               "_ui5Cancelable": false,
               "_ui5allowPreventDefault": false,
               "_ui5Bubbles": true,
-              "_ui5since": "2.23.0",
+              "_ui5since": "2.24.0",
               "_ui5parameters": [
                 {
                   "type": {
@@ -31702,7 +31716,13 @@
           "customElement": true,
           "_ui5since": "1.17.0",
           "_ui5privacy": "public",
-          "_ui5abstract": true
+          "_ui5abstract": true,
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
+          ]
         }
       ],
       "exports": [
@@ -31815,6 +31835,12 @@
                 "text": "boolean"
               }
             }
+          ],
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
           ]
         }
       ],
@@ -31894,6 +31920,12 @@
               }
             }
           ],
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
+          ],
           "superclass": {
             "name": "UI5Element",
             "package": "@ui5/webcomponents-base",
@@ -32183,7 +32215,13 @@
           "customElement": true,
           "_ui5since": "1.17.0",
           "_ui5privacy": "public",
-          "_ui5abstract": true
+          "_ui5abstract": true,
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
+          ]
         }
       ],
       "exports": [
@@ -32344,6 +32382,12 @@
                 "text": "boolean"
               }
             }
+          ],
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
           ]
         }
       ],
@@ -32451,7 +32495,13 @@
           "customElement": true,
           "_ui5since": "1.17.0",
           "_ui5privacy": "public",
-          "_ui5abstract": true
+          "_ui5abstract": true,
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
+          ]
         }
       ],
       "exports": [
@@ -36758,58 +36808,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/ComboBoxSelectionChangeTrigger.js",
-      "declarations": [
-        {
-          "kind": "enum",
-          "name": "ComboBoxSelectionChangeTrigger",
-          "description": "Describes the source of a `selection-change` event fired by the `ui5-combobox`.",
-          "_ui5privacy": "public",
-          "_ui5since": "2.24.0",
-          "members": [
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "Selection caused by clicking or tapping an item in the dropdown.",
-              "default": "Click",
-              "name": "Click",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "Selection caused by keyboard navigation (Arrow keys, Home, End, Page Up/Down).\n\nNote: pressing Enter does not fire `selection-change` - it fires the `change` event instead.",
-              "default": "Keyboard",
-              "name": "Keyboard",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "static": true,
-              "privacy": "public",
-              "description": "Selection caused by typeahead (auto-complete while typing).",
-              "default": "Typeahead",
-              "name": "Typeahead",
-              "readonly": true
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ComboBoxSelectionChangeTrigger",
-            "module": "dist/types/ComboBoxSelectionChangeTrigger.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist/types/ExpandableTextOverflowMode.js",

package/dist/custom-elements.json

@@ -4724,6 +4724,22 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent<ComboBoxItemCustomClickEventDetail>",
+                "references": [
+                  {
+                    "name": "ComboBoxItemCustomClickEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/ComboBoxItemCustom.js"
+                  }
+                ]
+              },
+              "description": "Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`."
+            }
+          ],
           "attributes": [
             {
               "description": "Defines the text of the component.\nUsed for filtering, autocomplete, and mobile rendering.",
@@ -4750,23 +4766,7 @@
             "module": "dist/ListItemBase.js"
           },
           "tagName": "ui5-cb-item-custom",
-          "customElement": true,
-          "events": [
-            {
-              "name": "click",
-              "type": {
-                "text": "CustomEvent<ListItemBaseClickEventDetail>",
-                "references": [
-                  {
-                    "name": "ListItemBaseClickEventDetail",
-                    "package": "@ui5/webcomponents",
-                    "module": "dist/ListItemBase.js"
-                  }
-                ]
-              },
-              "description": "Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled` property is set to `true`."
-            }
-          ]
+          "customElement": true
         }
       ],
       "exports": [
@@ -8060,7 +8060,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "### Overview\nThe `ui5-dialog` component is used to temporarily display some information in a\nsize-limited window in front of the regular app screen.\nIt is used to prompt the user for an action or a confirmation.\nThe `ui5-dialog` interrupts the current app processing as it is the only focused UI element and\nthe main screen is dimmed/blocked.\nThe dialog combines concepts known from other technologies where the windows have\nnames such as dialog box, dialog window, pop-up, pop-up window, alert box, or message box.\n\nThe `ui5-dialog` is modal, which means that a user action is required before it is possible to return to the parent window.\nTo open multiple dialogs, each dialog element should be separate in the markup. This will ensure the correct modal behavior. Avoid nesting dialogs within each other.\nThe content of the `ui5-dialog` is fully customizable.\n\n### Structure\nA `ui5-dialog` consists of a header, content, and a footer for action buttons.\nThe `ui5-dialog` is usually displayed at the center of the screen.\nIts position can be changed by the user. To enable this, you need to set the property `draggable` accordingly.\n\n\n### Responsive Behavior\nThe `stretch` property can be used to stretch the `ui5-dialog` to full screen. For better usability, it's recommended to stretch the dialog to full screen on phone devices.\n\n**Note:** When a `ui5-bar` is used in the header or in the footer, you should remove the default dialog's paddings.\n\nFor more information see the sample \"Bar in Header/Footer\".\n\n### Keyboard Handling\n\n#### Basic Navigation\nWhen the `ui5-dialog` has the `draggable` property set to `true`, the user can move the dialog\nwith the following keyboard shortcuts:\n\n- [Up] or [Down] arrow keys - Move the dialog up/down.\n- [Left] or [Right] arrow keys - Move the dialog left/right.\n\n#### Resizing\nWhen the `ui5-dialog` has the `resizable` property set to `true`, the user can change the size of the dialog\nwith the following keyboard shortcuts:\n\n- [Shift] + [Up] or [Down] - Decrease/Increase the height of the dialog.\n- [Shift] + [Left] or [Right] - Decrease/Increase the width of the dialog.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Dialog\";`",
+          "description": "### Overview\nThe `ui5-dialog` component is used to temporarily display some information in a\nsize-limited window in front of the regular app screen.\nIt is used to prompt the user for an action or a confirmation.\nThe `ui5-dialog` interrupts the current app processing as it is the only focused UI element and\nthe main screen is dimmed/blocked.\nThe dialog combines concepts known from other technologies where the windows have\nnames such as dialog box, dialog window, pop-up, pop-up window, alert box, or message box.\n\nThe `ui5-dialog` is modal, which means that a user action is required before it is possible to return to the parent window.\nTo open multiple dialogs, each dialog element should be separate in the markup. This will ensure the correct modal behavior. Avoid nesting dialogs within each other.\nThe content of the `ui5-dialog` is fully customizable.\n\n### Structure\nA `ui5-dialog` consists of a header, content, and a footer for action buttons.\nThe `ui5-dialog` is usually displayed at the center of the screen.\nIts position can be changed by the user. To enable this, you need to set the property `draggable` accordingly.\n\n\n### Responsive Behavior\nThe `stretch` property can be used to stretch the `ui5-dialog` to full screen. For better usability, it's recommended to stretch the dialog to full screen on phone devices.\n\n**Note:** When a `ui5-bar` is used in the header or in the footer, you should remove the default dialog's paddings.\n\nFor more information see the sample \"Bar in Header/Footer\".\n\n### Keyboard Handling\n\n#### Basic Navigation\nWhen the `ui5-dialog` has the `draggable` property set to `true`, the user can move the dialog\nwith the following keyboard shortcuts:\n\n- [Up] or [Down] arrow keys - Move the dialog up/down.\n- [Left] or [Right] arrow keys - Move the dialog left/right.\n\n#### Resizing\nWhen the `ui5-dialog` has the `resizable` property set to `true`, the user can change the size of the dialog\nwith the following keyboard shortcuts:\n\n- [Shift] + [Up] or [Down] - Decrease/Increase the height of the dialog.\n- [Shift] + [Left] or [Right] - Decrease/Increase the width of the dialog.\n\n#### Fullscreen\nWhen the `ui5-dialog` has the `showFullscreenButton` property set to `true`, the user can toggle fullscreen mode\nwith the following keyboard shortcut:\n\n- [Shift] + [Ctrl] + [F] - Toggle fullscreen mode.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Dialog\";`",
           "name": "Dialog",
           "cssParts": [
             {
@@ -8230,6 +8230,16 @@
               "description": "Configures the component to be resizable.\nIf this property is set to true, the Dialog will have a resize handle in its bottom right corner in LTR languages.\nIn RTL languages, the resize handle will be placed in the bottom left corner.\n\n**Note:** The component can be resizable only in desktop mode.\n\n**Note:** Upon resizing, externally defined height and width styling will be ignored.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "showFullscreenButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines whether a fullscreen toggle button is shown in the dialog header.\nWhen pressed, it toggles the `stretch` property.\nThe fullscreen button is not available on phone devices.\n\n**Note:** The fullscreen button is not available on phone devices,\nnor when a custom header slot is provided — the application is expected\nto render its own toggle inside the custom header in those cases.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "state",
@@ -8367,6 +8377,15 @@
                 "text": "boolean"
               }
             },
+            {
+              "description": "Defines whether a fullscreen toggle button is shown in the dialog header.\nWhen pressed, it toggles the `stretch` property.\nThe fullscreen button is not available on phone devices.\n\n**Note:** The fullscreen button is not available on phone devices,\nnor when a custom header slot is provided — the application is expected\nto render its own toggle inside the custom header in those cases.",
+              "name": "show-fullscreen-button",
+              "default": "false",
+              "fieldName": "showFullscreenButton",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "description": "Defines the state of the `Dialog`.\n\n**Note:** If `\"Negative\"` and `\"Critical\"` states is set, it will change the\naccessibility role to \"alertdialog\", if the accessibleRole property is set to `\"Dialog\"`.",
               "name": "state",
@@ -14529,12 +14548,12 @@
             {
               "name": "click",
               "type": {
-                "text": "CustomEvent<ListItemBaseClickEventDetail>",
+                "text": "CustomEvent<MultiComboBoxItemCustomClickEventDetail>",
                 "references": [
                   {
-                    "name": "ListItemBaseClickEventDetail",
+                    "name": "MultiComboBoxItemCustomClickEventDetail",
                     "package": "@ui5/webcomponents",
-                    "module": "dist/ListItemBase.js"
+                    "module": "dist/MultiComboBoxItemCustom.js"
                   }
                 ]
               },
@@ -27284,7 +27303,13 @@
             "module": "dist/ToolbarItemBase.js"
           },
           "tagName": "ui5-toolbar-button",
-          "customElement": true
+          "customElement": true,
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
+          ]
         }
       ],
       "exports": [
@@ -27375,6 +27400,12 @@
                 "text": "boolean"
               }
             }
+          ],
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
           ]
         }
       ],
@@ -27454,6 +27485,12 @@
               }
             }
           ],
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
+          ],
           "superclass": {
             "name": "UI5Element",
             "package": "@ui5/webcomponents-base",
@@ -27697,7 +27734,13 @@
             "module": "dist/ToolbarItemBase.js"
           },
           "tagName": "ui5-toolbar-select",
-          "customElement": true
+          "customElement": true,
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
+          ]
         }
       ],
       "exports": [
@@ -27847,6 +27890,12 @@
                 "text": "boolean"
               }
             }
+          ],
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
           ]
         }
       ],
@@ -27951,7 +28000,13 @@
             "module": "dist/ToolbarItemBase.js"
           },
           "tagName": "ui5-toolbar-spacer",
-          "customElement": true
+          "customElement": true,
+          "cssStates": [
+            {
+              "description": "When the item is displayed in the overflow popover.\nUse this state to apply different styles when the item is overflowed.\nAvailable since 2.20.0.",
+              "name": "overflowed"
+            }
+          ]
         }
       ],
       "exports": [
@@ -30693,21 +30748,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/types/ComboBoxSelectionChangeTrigger.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ComboBoxSelectionChangeTrigger",
-            "module": "dist/types/ComboBoxSelectionChangeTrigger.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist/types/ExpandableTextOverflowMode.js",