@openremote/or-vaadin-components 1.30.0-snapshot.20260902122509 → 1.30.1

package/{custom-elements-jsx.d.ts → build/custom-elements-jsx.d.ts}

@@ -629,8 +629,6 @@ the `itemIdPath` is used to compare and identify the same item
 in `selectedItem` and `filteredItems` (items given by the
 `dataProvider` callback). */
   itemIdPath?: OrVaadinComboBox["itemIdPath"];
-  /**  */
-  __keepOverlayOpened?: OrVaadinComboBox["__keepOverlayOpened"];
   /** Set to true when the field is invalid. */
   invalid?: OrVaadinComboBox["invalid"];
   /** Set to true to enable manual validation mode. This mode disables automatic
@@ -766,12 +764,6 @@ This also enables clearing the input when pressing Esc key. */
   /** Set when the element is keyboard focused */
   "focus-ring"?: unknown;
   /**  */
-  "<vaadin-combo-box>"?: unknown;
-  /**  */
-  "<vaadin-combo-box-item>"?: unknown;
-  /**  */
-  "<vaadin-item>"?: unknown;
-  /**  */
   _boundOverlaySelectedItemChanged?: OrVaadinComboBox["_boundOverlaySelectedItemChanged"];
   /**  */
   _boundOnClearButtonMouseDown?: OrVaadinComboBox["_boundOnClearButtonMouseDown"];
@@ -870,8 +862,6 @@ the `itemIdPath` is used to compare and identify the same item
 in `selectedItem` and `filteredItems` (items given by the
 `dataProvider` callback). */
   "prop:itemIdPath"?: OrVaadinComboBox["itemIdPath"];
-  /**  */
-  "prop:__keepOverlayOpened"?: OrVaadinComboBox["__keepOverlayOpened"];
   /** Set to true when the field is invalid. */
   "prop:invalid"?: OrVaadinComboBox["invalid"];
   /** Set to true to enable manual validation mode. This mode disables automatic
@@ -1007,12 +997,6 @@ This also enables clearing the input when pressing Esc key. */
   /** Set when the element is keyboard focused */
   "bool:focus-ring"?: unknown;
   /**  */
-  "bool:<vaadin-combo-box>"?: unknown;
-  /**  */
-  "bool:<vaadin-combo-box-item>"?: unknown;
-  /**  */
-  "bool:<vaadin-item>"?: unknown;
-  /**  */
   "prop:_boundOverlaySelectedItemChanged"?: OrVaadinComboBox["_boundOverlaySelectedItemChanged"];
   /**  */
   "prop:_boundOnClearButtonMouseDown"?: OrVaadinComboBox["_boundOnClearButtonMouseDown"];
@@ -1355,22 +1339,6 @@ This also enables clearing the input when pressing Esc key. */
   /** Set when week numbers are shown in the calendar */
   "week-numbers"?: unknown;
   /**  */
-  "<vaadin-date-picker>"?: unknown;
-  /**  */
-  "<vaadin-date-picker-overlay-content>"?: unknown;
-  /**  */
-  "<vaadin-date-picker-month-scroller>"?: unknown;
-  /**  */
-  "<vaadin-date-picker-year-scroller>"?: unknown;
-  /**  */
-  "<vaadin-date-picker-year>"?: unknown;
-  /**  */
-  "<vaadin-month-calendar>"?: unknown;
-  /** Fullscreen mode years scroller toggle */
-  "years-toggle-button"?: unknown;
-  /** Toolbar with slotted buttons */
-  toolbar?: unknown;
-  /**  */
   _inputElementValue?: OrVaadinDatePicker["_inputElementValue"];
   /**  */
   _boundOnClick?: OrVaadinDatePicker["_boundOnClick"];
@@ -1547,22 +1515,6 @@ This also enables clearing the input when pressing Esc key. */
   /** Set when week numbers are shown in the calendar */
   "bool:week-numbers"?: unknown;
   /**  */
-  "bool:<vaadin-date-picker>"?: unknown;
-  /**  */
-  "bool:<vaadin-date-picker-overlay-content>"?: unknown;
-  /**  */
-  "bool:<vaadin-date-picker-month-scroller>"?: unknown;
-  /**  */
-  "bool:<vaadin-date-picker-year-scroller>"?: unknown;
-  /**  */
-  "bool:<vaadin-date-picker-year>"?: unknown;
-  /**  */
-  "bool:<vaadin-month-calendar>"?: unknown;
-  /** Fullscreen mode years scroller toggle */
-  "bool:years-toggle-button"?: unknown;
-  /** Toolbar with slotted buttons */
-  "bool:toolbar"?: unknown;
-  /**  */
   "prop:_inputElementValue"?: OrVaadinDatePicker["_inputElementValue"];
   /**  */
   "prop:_boundOnClick"?: OrVaadinDatePicker["_boundOnClick"];
@@ -2612,24 +2564,6 @@ default I18N properties. */
   /** Set when there is only one button visible */
   undefined?: unknown;
   /**  */
-  "<vaadin-menu-bar>"?: unknown;
-  /**  */
-  "<vaadin-menu-bar-button>"?: unknown;
-  /**  */
-  "<vaadin-button>"?: unknown;
-  /**  */
-  "<vaadin-menu-bar-item>"?: unknown;
-  /**  */
-  "<vaadin-item>"?: unknown;
-  /**  */
-  "<vaadin-menu-bar-list-box>"?: unknown;
-  /**  */
-  "<vaadin-list-box>"?: unknown;
-  /**  */
-  "<vaadin-menu-bar-submenu>"?: unknown;
-  /**  */
-  "<vaadin-context-menu>"?: unknown;
-  /**  */
   __boundOnContextMenuKeydown?: OrVaadinMenuBar["__boundOnContextMenuKeydown"];
 
   /** Fired when a submenu item or menu bar button without children is clicked. */
@@ -2724,24 +2658,6 @@ default I18N properties. */
   /** Set when there is only one button visible */
   "prop:undefined"?: unknown;
   /**  */
-  "bool:<vaadin-menu-bar>"?: unknown;
-  /**  */
-  "bool:<vaadin-menu-bar-button>"?: unknown;
-  /**  */
-  "bool:<vaadin-button>"?: unknown;
-  /**  */
-  "bool:<vaadin-menu-bar-item>"?: unknown;
-  /**  */
-  "bool:<vaadin-item>"?: unknown;
-  /**  */
-  "bool:<vaadin-menu-bar-list-box>"?: unknown;
-  /**  */
-  "bool:<vaadin-list-box>"?: unknown;
-  /**  */
-  "bool:<vaadin-menu-bar-submenu>"?: unknown;
-  /**  */
-  "bool:<vaadin-context-menu>"?: unknown;
-  /**  */
   "prop:__boundOnContextMenuKeydown"?: OrVaadinMenuBar["__boundOnContextMenuKeydown"];
   /** Fired when a submenu item or menu bar button without children is clicked. */
   "on:item-selected"?: (e: CustomEvent<boolean>) => void;
@@ -3928,20 +3844,6 @@ When no light dom defined via [slot=label], this value will be used. */
   /** Set when the overlay is shown in phone mode */
   phone?: unknown;
   /**  */
-  "<vaadin-select>"?: unknown;
-  /**  */
-  "<vaadin-select-value-button>"?: unknown;
-  /**  */
-  "<vaadin-button>"?: unknown;
-  /**  */
-  "<vaadin-select-list-box>"?: unknown;
-  /**  */
-  "<vaadin-list-box>"?: unknown;
-  /**  */
-  "<vaadin-select-item>"?: unknown;
-  /**  */
-  "<vaadin-item>"?: unknown;
-  /**  */
   _itemId?: OrVaadinSelect["_itemId"];
   /**  */
   _srLabelController?: OrVaadinSelect["_srLabelController"];
@@ -4092,20 +3994,6 @@ When no light dom defined via [slot=label], this value will be used. */
   /** Set when the overlay is shown in phone mode */
   "bool:phone"?: unknown;
   /**  */
-  "bool:<vaadin-select>"?: unknown;
-  /**  */
-  "bool:<vaadin-select-value-button>"?: unknown;
-  /**  */
-  "bool:<vaadin-button>"?: unknown;
-  /**  */
-  "bool:<vaadin-select-list-box>"?: unknown;
-  /**  */
-  "bool:<vaadin-list-box>"?: unknown;
-  /**  */
-  "bool:<vaadin-select-item>"?: unknown;
-  /**  */
-  "bool:<vaadin-item>"?: unknown;
-  /**  */
   "prop:_itemId"?: OrVaadinSelect["_itemId"];
   /**  */
   "prop:_srLabelController"?: OrVaadinSelect["_srLabelController"];
@@ -5009,16 +4897,6 @@ This also enables clearing the input when pressing Esc key. */
   /** Set when the element is keyboard focused */
   "focus-ring"?: unknown;
   /**  */
-  "<vaadin-time-picker>"?: unknown;
-  /**  */
-  "<vaadin-time-picker-item>"?: unknown;
-  /**  */
-  "<vaadin-item>"?: unknown;
-  /**  */
-  change?: unknown;
-  /**  */
-  "unparsable-change"?: unknown;
-  /**  */
   _boundOverlaySelectedItemChanged?: OrVaadinTimePicker["_boundOverlaySelectedItemChanged"];
   /**  */
   _boundOnClearButtonMouseDown?: OrVaadinTimePicker["_boundOnClearButtonMouseDown"];
@@ -5194,16 +5072,6 @@ This also enables clearing the input when pressing Esc key. */
   /** Set when the element is keyboard focused */
   "bool:focus-ring"?: unknown;
   /**  */
-  "bool:<vaadin-time-picker>"?: unknown;
-  /**  */
-  "bool:<vaadin-time-picker-item>"?: unknown;
-  /**  */
-  "bool:<vaadin-item>"?: unknown;
-  /**  */
-  "bool:change"?: unknown;
-  /**  */
-  "bool:unparsable-change"?: unknown;
-  /**  */
   "prop:_boundOverlaySelectedItemChanged"?: OrVaadinTimePicker["_boundOverlaySelectedItemChanged"];
   /**  */
   "prop:_boundOnClearButtonMouseDown"?: OrVaadinTimePicker["_boundOnClearButtonMouseDown"];
@@ -6254,12 +6122,6 @@ export type ComboBoxProps = {
   opened?: ComboBox["opened"];
   /** Set when loading items from the data provider */
   loading?: ComboBox["loading"];
-  /**  */
-  "<vaadin-combo-box>"?: unknown;
-  /**  */
-  "<vaadin-combo-box-item>"?: unknown;
-  /**  */
-  "<vaadin-item>"?: unknown;
   /** Number of items fetched at a time from the dataprovider. */
   pageSize?: ComboBox["pageSize"];
   /** Total number of items. */
@@ -6303,8 +6165,6 @@ the `itemIdPath` is used to compare and identify the same item
 in `selectedItem` and `filteredItems` (items given by the
 `dataProvider` callback). */
   itemIdPath?: ComboBox["itemIdPath"];
-  /**  */
-  __keepOverlayOpened?: ComboBox["__keepOverlayOpened"];
   /** Set to true to enable manual validation mode. This mode disables automatic
 constraint validation, allowing you to control the validation process yourself.
 You can still trigger constraint validation manually with the `validate()` method
@@ -6495,12 +6355,6 @@ export type ComboBoxSolidJsProps = {
   "prop:opened"?: ComboBox["opened"];
   /** Set when loading items from the data provider */
   "prop:loading"?: ComboBox["loading"];
-  /**  */
-  "bool:<vaadin-combo-box>"?: unknown;
-  /**  */
-  "bool:<vaadin-combo-box-item>"?: unknown;
-  /**  */
-  "bool:<vaadin-item>"?: unknown;
   /** Number of items fetched at a time from the dataprovider. */
   "prop:pageSize"?: ComboBox["pageSize"];
   /** Total number of items. */
@@ -6544,8 +6398,6 @@ the `itemIdPath` is used to compare and identify the same item
 in `selectedItem` and `filteredItems` (items given by the
 `dataProvider` callback). */
   "prop:itemIdPath"?: ComboBox["itemIdPath"];
-  /**  */
-  "prop:__keepOverlayOpened"?: ComboBox["__keepOverlayOpened"];
   /** Set to true to enable manual validation mode. This mode disables automatic
 constraint validation, allowing you to control the validation process yourself.
 You can still trigger constraint validation manually with the `validate()` method
@@ -7391,22 +7243,6 @@ export type DatePickerProps = {
   opened?: DatePicker["opened"];
   /** Set when week numbers are shown in the calendar */
   "week-numbers"?: unknown;
-  /**  */
-  "<vaadin-date-picker>"?: unknown;
-  /**  */
-  "<vaadin-date-picker-overlay-content>"?: unknown;
-  /**  */
-  "<vaadin-date-picker-month-scroller>"?: unknown;
-  /**  */
-  "<vaadin-date-picker-year-scroller>"?: unknown;
-  /**  */
-  "<vaadin-date-picker-year>"?: unknown;
-  /**  */
-  "<vaadin-month-calendar>"?: unknown;
-  /** Fullscreen mode years scroller toggle */
-  "years-toggle-button"?: unknown;
-  /** Toolbar with slotted buttons */
-  toolbar?: unknown;
   /** The current selected date. */
   _selectedDate?: DatePicker["_selectedDate"];
   /**  */
@@ -7583,22 +7419,6 @@ export type DatePickerSolidJsProps = {
   "prop:opened"?: DatePicker["opened"];
   /** Set when week numbers are shown in the calendar */
   "bool:week-numbers"?: unknown;
-  /**  */
-  "bool:<vaadin-date-picker>"?: unknown;
-  /**  */
-  "bool:<vaadin-date-picker-overlay-content>"?: unknown;
-  /**  */
-  "bool:<vaadin-date-picker-month-scroller>"?: unknown;
-  /**  */
-  "bool:<vaadin-date-picker-year-scroller>"?: unknown;
-  /**  */
-  "bool:<vaadin-date-picker-year>"?: unknown;
-  /**  */
-  "bool:<vaadin-month-calendar>"?: unknown;
-  /** Fullscreen mode years scroller toggle */
-  "bool:years-toggle-button"?: unknown;
-  /** Toolbar with slotted buttons */
-  "bool:toolbar"?: unknown;
   /** The current selected date. */
   "prop:_selectedDate"?: DatePicker["_selectedDate"];
   /**  */
@@ -9226,24 +9046,6 @@ export type MenuBarProps = {
   "has-single-button"?: unknown;
   /** Set when there is only one button visible */
   undefined?: unknown;
-  /**  */
-  "<vaadin-menu-bar>"?: unknown;
-  /**  */
-  "<vaadin-menu-bar-button>"?: unknown;
-  /**  */
-  "<vaadin-button>"?: unknown;
-  /**  */
-  "<vaadin-menu-bar-item>"?: unknown;
-  /**  */
-  "<vaadin-item>"?: unknown;
-  /**  */
-  "<vaadin-menu-bar-list-box>"?: unknown;
-  /**  */
-  "<vaadin-list-box>"?: unknown;
-  /**  */
-  "<vaadin-menu-bar-submenu>"?: unknown;
-  /**  */
-  "<vaadin-context-menu>"?: unknown;
   /** Defines a hierarchical structure, where root level items represent menu bar buttons,
 and `children` property configures a submenu with items to be opened below
 the button on click, Enter, Space, Up and Down arrow keys.
@@ -9338,24 +9140,6 @@ export type MenuBarSolidJsProps = {
   "bool:has-single-button"?: unknown;
   /** Set when there is only one button visible */
   "prop:undefined"?: unknown;
-  /**  */
-  "bool:<vaadin-menu-bar>"?: unknown;
-  /**  */
-  "bool:<vaadin-menu-bar-button>"?: unknown;
-  /**  */
-  "bool:<vaadin-button>"?: unknown;
-  /**  */
-  "bool:<vaadin-menu-bar-item>"?: unknown;
-  /**  */
-  "bool:<vaadin-item>"?: unknown;
-  /**  */
-  "bool:<vaadin-menu-bar-list-box>"?: unknown;
-  /**  */
-  "bool:<vaadin-list-box>"?: unknown;
-  /**  */
-  "bool:<vaadin-menu-bar-submenu>"?: unknown;
-  /**  */
-  "bool:<vaadin-context-menu>"?: unknown;
   /** Defines a hierarchical structure, where root level items represent menu bar buttons,
 and `children` property configures a submenu with items to be opened below
 the button on click, Enter, Space, Up and Down arrow keys.
@@ -11099,20 +10883,6 @@ export type SelectProps = {
   opened?: Select["opened"];
   /** Set when the overlay is shown in phone mode */
   phone?: unknown;
-  /**  */
-  "<vaadin-select>"?: unknown;
-  /**  */
-  "<vaadin-select-value-button>"?: unknown;
-  /**  */
-  "<vaadin-button>"?: unknown;
-  /**  */
-  "<vaadin-select-list-box>"?: unknown;
-  /**  */
-  "<vaadin-list-box>"?: unknown;
-  /**  */
-  "<vaadin-select-item>"?: unknown;
-  /**  */
-  "<vaadin-item>"?: unknown;
   /** An array containing items that will be rendered as the options of the select.
 
 #### Example
@@ -11263,20 +11033,6 @@ export type SelectSolidJsProps = {
   "prop:opened"?: Select["opened"];
   /** Set when the overlay is shown in phone mode */
   "bool:phone"?: unknown;
-  /**  */
-  "bool:<vaadin-select>"?: unknown;
-  /**  */
-  "bool:<vaadin-select-value-button>"?: unknown;
-  /**  */
-  "bool:<vaadin-button>"?: unknown;
-  /**  */
-  "bool:<vaadin-select-list-box>"?: unknown;
-  /**  */
-  "bool:<vaadin-list-box>"?: unknown;
-  /**  */
-  "bool:<vaadin-select-item>"?: unknown;
-  /**  */
-  "bool:<vaadin-item>"?: unknown;
   /** An array containing items that will be rendered as the options of the select.
 
 #### Example
@@ -12645,16 +12401,6 @@ export type TimePickerProps = {
   readonly?: TimePicker["readonly"];
   /** Set when the overlay is opened */
   opened?: TimePicker["opened"];
-  /**  */
-  "<vaadin-time-picker>"?: unknown;
-  /**  */
-  "<vaadin-time-picker-item>"?: unknown;
-  /**  */
-  "<vaadin-item>"?: unknown;
-  /**  */
-  change?: unknown;
-  /**  */
-  "unparsable-change"?: unknown;
   /** The time value for this element.
 
 Supported time formats are in ISO 8601:
@@ -12830,16 +12576,6 @@ export type TimePickerSolidJsProps = {
   "prop:readonly"?: TimePicker["readonly"];
   /** Set when the overlay is opened */
   "prop:opened"?: TimePicker["opened"];
-  /**  */
-  "bool:<vaadin-time-picker>"?: unknown;
-  /**  */
-  "bool:<vaadin-time-picker-item>"?: unknown;
-  /**  */
-  "bool:<vaadin-item>"?: unknown;
-  /**  */
-  "bool:change"?: unknown;
-  /**  */
-  "bool:unparsable-change"?: unknown;
   /** The time value for this element.
 
 Supported time formats are in ISO 8601:
@@ -13089,6 +12825,7 @@ export type CustomElements = {
    * - `--vaadin-button-border-color`: undefined (default: `undefined`)
    * - `--vaadin-button-border-radius`: undefined (default: `undefined`)
    * - `--vaadin-button-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-button-font-family`: undefined (default: `undefined`)
    * - `--vaadin-button-font-size`: undefined (default: `undefined`)
    * - `--vaadin-button-font-weight`: undefined (default: `undefined`)
    * - `--vaadin-button-gap`: undefined (default: `undefined`)
@@ -13326,7 +13063,6 @@ export type CustomElements = {
    * the `itemIdPath` is used to compare and identify the same item
    * in `selectedItem` and `filteredItems` (items given by the
    * `dataProvider` callback).
-   * - `__keepOverlayOpened`: undefined
    * - `invalid`: Set to true when the field is invalid.
    * - `manualValidation`: Set to true to enable manual validation mode. This mode disables automatic
    * constraint validation, allowing you to control the validation process yourself.
@@ -13414,9 +13150,6 @@ export type CustomElements = {
    * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip
    * - `focused`/`undefined`: Set when the element is focused
    * - `focus-ring`/`undefined`: Set when the element is keyboard focused
-   * - `<vaadin-combo-box>`/`undefined`: undefined
-   * - `<vaadin-combo-box-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
    * - `_boundOverlaySelectedItemChanged`: undefined (property only)
    * - `_boundOnClearButtonMouseDown`: undefined (property only)
    * - `_boundOnClick`: undefined (property only)
@@ -13470,6 +13203,51 @@ export type CustomElements = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-combo-box-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-combo-box-overlay-width`: undefined (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: ### Internal components (default: `undefined`)
+   * - `<vaadin-combo-box>`: undefined (default: `undefined`)
+   * - `<vaadin-combo-box-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
    */
   "or-vaadin-combo-box": Partial<
     OrVaadinComboBoxProps & BaseProps<OrVaadinComboBox> & BaseEvents
@@ -13663,14 +13441,6 @@ export type CustomElements = {
    * - `focused`/`undefined`: Set when the element is focused
    * - `focus-ring`/`undefined`: Set when the element is keyboard focused
    * - `week-numbers`/`undefined`: Set when week numbers are shown in the calendar
-   * - `<vaadin-date-picker>`/`undefined`: undefined
-   * - `<vaadin-date-picker-overlay-content>`/`undefined`: undefined
-   * - `<vaadin-date-picker-month-scroller>`/`undefined`: undefined
-   * - `<vaadin-date-picker-year-scroller>`/`undefined`: undefined
-   * - `<vaadin-date-picker-year>`/`undefined`: undefined
-   * - `<vaadin-month-calendar>`/`undefined`: undefined
-   * - `years-toggle-button`/`undefined`: Fullscreen mode years scroller toggle
-   * - `toolbar`/`undefined`: Toolbar with slotted buttons
    * - `_inputElementValue`: undefined (property only)
    * - `_boundOnClick`: undefined (property only)
    * - `_boundOnScroll`: undefined (property only)
@@ -13708,6 +13478,96 @@ export type CustomElements = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-date-picker-date-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-disabled-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-height`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-selected-background`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-selected-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-today-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-width`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-header-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-header-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-header-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-padding`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-overlay-width`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-toolbar-padding`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-week-divider-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-week-number-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-week-number-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-weekday-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-weekday-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-weekday-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-background`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-current-year-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-width`: undefined (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: ### Internal components (default: `undefined`)
+   * - `<vaadin-date-picker>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-overlay-content>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-month-scroller>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-year-scroller>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-year>`: undefined (default: `undefined`)
+   * - `<vaadin-month-calendar>`: undefined (default: `undefined`)
+   * - `years-toggle-button`: Fullscreen mode years scroller toggle (default: `undefined`)
+   * - `toolbar`: Toolbar with slotted buttons (default: `undefined`)
+   * - `desktop`: Set when the overlay content is in desktop mode (default: `undefined`)
+   * - `fullscreen`: Set when the overlay content is in fullscreen mode (default: `undefined`)
+   * - `years-visible`: Set when the year scroller is visible in fullscreen mode (default: `undefined`)
+   * - `month-header`: Month title (default: `undefined`)
+   * - `weekdays`: Weekday container (default: `undefined`)
+   * - `weekday`: Weekday element (default: `undefined`)
+   * - `week-numbers`: Week numbers container (default: `undefined`)
+   * - `week-number`: Week number element (default: `undefined`)
+   * - `date`: Date element (default: `undefined`)
+   * - `disabled`: Disabled date element (default: `undefined`)
+   * - `focused`: Focused date element (default: `undefined`)
+   * - `selected`: Selected date element (default: `undefined`)
+   * - `today`: Date element corresponding to the current day (default: `undefined`)
+   * - `past`: Date element corresponding to the date in the past (default: `undefined`)
+   * - `future`: Date element corresponding to the date in the future (default: `undefined`)
+   * - `year-number`: Year number (default: `undefined`)
+   * - `year-separator`: Year separator (default: `undefined`)
+   * - `change`: undefined (default: `undefined`)
+   * - `unparsable-change`: undefined (default: `undefined`)
    */
   "or-vaadin-date-picker": Partial<
     OrVaadinDatePickerProps & BaseProps<OrVaadinDatePicker> & BaseEvents
@@ -13977,6 +13837,7 @@ export type CustomElements = {
    * - `--vaadin-dialog-title-font-size`: undefined (default: `undefined`)
    * - `--vaadin-dialog-title-font-weight`: undefined (default: `undefined`)
    * - `--vaadin-dialog-title-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-dialog-toolbar-gap`: undefined (default: `undefined`)
    * - `--vaadin-overlay-backdrop-background`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
    */
   "or-vaadin-dialog": Partial<
@@ -14343,15 +14204,6 @@ export type CustomElements = {
    * - `disabled`: If true, the user cannot interact with this element.
    * - `dir`: undefined
    * - `has-single-button`/`undefined`: Set when there is only one button visible
-   * - `<vaadin-menu-bar>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-button>`/`undefined`: undefined
-   * - `<vaadin-button>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-list-box>`/`undefined`: undefined
-   * - `<vaadin-list-box>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-submenu>`/`undefined`: undefined
-   * - `<vaadin-context-menu>`/`undefined`: undefined
    * - `__boundOnContextMenuKeydown`: undefined (property only)
    *
    * ## Events
@@ -14370,6 +14222,22 @@ export type CustomElements = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-menu-bar-gap`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
+   * - `<vaadin-menu-bar>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-button>`: undefined (default: `undefined`)
+   * - `<vaadin-button>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-submenu>`: undefined (default: `undefined`)
+   * - `<vaadin-context-menu>`: undefined (default: `undefined`)
+   * - `expanded`: Expanded parent item. (default: `undefined`)
    */
   "or-vaadin-menu-bar": Partial<
     OrVaadinMenuBarProps & BaseProps<OrVaadinMenuBar> & BaseEvents
@@ -14522,32 +14390,75 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--vaadin-field-default-width`: Default width of the field (default: `undefined`)
-   * - `12em`: undefined (default: `undefined`)
-   * - `--vaadin-multi-select-combo-box-overlay-width`: Width of the overlay (default: `undefined`)
-   * - `auto`: undefined (default: `undefined`)
-   * - `--vaadin-multi-select-combo-box-overlay-max-height`: Max height of the overlay (default: `undefined`)
-   * - `65vh`: undefined (default: `undefined`)
-   * - `--vaadin-multi-select-combo-box-input-min-width`: Min width of the input (default: `undefined`)
-   * - `4em`: undefined (default: `undefined`)
-   * - `<vaadin-multi-select-combo-box>`: undefined (default: `undefined`)
-   * - `<vaadin-multi-select-combo-box-chip>`: undefined (default: `undefined`)
-   * - `<vaadin-multi-select-combo-box-item>`: undefined (default: `undefined`)
-   * - `<vaadin-item>`: undefined (default: `undefined`)
-   */
-  "or-vaadin-multi-select-combo-box": Partial<
-    OrVaadinMultiSelectComboBoxProps &
-      BaseProps<OrVaadinMultiSelectComboBox> &
-      BaseEvents
-  >;
-
-  /**
-   *
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
+   * - `--vaadin-chip-background`: undefined (default: `undefined`)
+   * - `--vaadin-chip-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-chip-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-chip-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-chip-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-chip-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-chip-gap`: undefined (default: `undefined`)
+   * - `--vaadin-chip-height`: undefined (default: `undefined`)
+   * - `--vaadin-chip-padding`: undefined (default: `undefined`)
+   * - `--vaadin-chip-remove-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-chip-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-chip-min-width`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-chips-gap`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-input-min-width`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-overlay-width`: ### Internal components (default: `undefined`)
+   * - `<vaadin-multi-select-combo-box>`: undefined (default: `undefined`)
+   * - `<vaadin-multi-select-combo-box-chip>`: undefined (default: `undefined`)
+   * - `<vaadin-multi-select-combo-box-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
+   */
+  "or-vaadin-multi-select-combo-box": Partial<
+    OrVaadinMultiSelectComboBoxProps &
+      BaseProps<OrVaadinMultiSelectComboBox> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
    * - `min`: The minimum value of the field.
    * - `max`: The maximum value of the field.
    * - `step`: Specifies the allowed number intervals of the field.
@@ -15013,13 +14924,6 @@ export type CustomElements = {
    * - `focused`/`undefined`: Set when the element is focused
    * - `focus-ring`/`undefined`: Set when the element is keyboard focused
    * - `phone`/`undefined`: Set when the overlay is shown in phone mode
-   * - `<vaadin-select>`/`undefined`: undefined
-   * - `<vaadin-select-value-button>`/`undefined`: undefined
-   * - `<vaadin-button>`/`undefined`: undefined
-   * - `<vaadin-select-list-box>`/`undefined`: undefined
-   * - `<vaadin-list-box>`/`undefined`: undefined
-   * - `<vaadin-select-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
    * - `_itemId`: undefined (property only)
    * - `_srLabelController`: undefined (property only)
    * - `slotName`: undefined (property only)
@@ -15063,6 +14967,54 @@ export type CustomElements = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: undefined (default: `undefined`)
+   * - `--vaadin-select-overlay-width`: ### Internal components (default: `undefined`)
+   * - `<vaadin-select>`: undefined (default: `undefined`)
+   * - `<vaadin-select-value-button>`: undefined (default: `undefined`)
+   * - `<vaadin-button>`: undefined (default: `undefined`)
+   * - `<vaadin-select-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-select-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
    */
   "or-vaadin-select": Partial<
     OrVaadinSelectProps & BaseProps<OrVaadinSelect> & BaseEvents
@@ -15146,26 +15098,48 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--vaadin-field-default-width`: `--vaadin-input-field-error-color` (default: `undefined`)
-   * - `--vaadin-input-field-error-font-size`: `--vaadin-input-field-error-font-weight` (default: `undefined`)
-   * - `--vaadin-input-field-helper-color`: `--vaadin-input-field-helper-font-size` (default: `undefined`)
-   * - `--vaadin-input-field-helper-font-weight`: `--vaadin-input-field-label-color` (default: `undefined`)
-   * - `--vaadin-input-field-label-font-size`: `--vaadin-input-field-label-font-weight` (default: `undefined`)
-   * - `--vaadin-input-field-required-indicator`: `--vaadin-slider-bubble-arrow-size` (default: `undefined`)
-   * - `--vaadin-slider-bubble-background`: `--vaadin-slider-bubble-border-color` (default: `undefined`)
-   * - `--vaadin-slider-bubble-border-radius`: `--vaadin-slider-bubble-border-width` (default: `undefined`)
-   * - `--vaadin-slider-bubble-offset`: `--vaadin-slider-bubble-padding` (default: `undefined`)
-   * - `--vaadin-slider-bubble-shadow`: `--vaadin-slider-bubble-text-color` (default: `undefined`)
-   * - `--vaadin-slider-bubble-font-size`: `--vaadin-slider-bubble-font-weight` (default: `undefined`)
-   * - `--vaadin-slider-bubble-line-height`: `--vaadin-slider-fill-background` (default: `undefined`)
-   * - `--vaadin-slider-fill-border-color`: `--vaadin-slider-fill-border-width` (default: `undefined`)
-   * - `--vaadin-slider-marks-color`: `--vaadin-slider-marks-font-size` (default: `undefined`)
-   * - `--vaadin-slider-marks-font-weight`: `--vaadin-slider-thumb-border-color` (default: `undefined`)
-   * - `--vaadin-slider-thumb-border-radius`: `--vaadin-slider-thumb-border-width` (default: `undefined`)
-   * - `--vaadin-slider-thumb-cursor`: `--vaadin-slider-thumb-cursor-active` (default: `undefined`)
-   * - `--vaadin-slider-thumb-height`: `--vaadin-slider-thumb-width` (default: `undefined`)
-   * - `--vaadin-slider-track-background`: `--vaadin-slider-track-border-color` (default: `undefined`)
-   * - `--vaadin-slider-track-border-radius`: `--vaadin-slider-track-border-width` (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-arrow-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-arrow-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-offset`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-padding`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-shadow`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-cursor`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-cursor-active`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-height`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-width`: undefined (default: `undefined`)
    * - `--vaadin-slider-track-height`: In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts: (default: `undefined`)
    * - `overlay`: The overlay container (default: `undefined`)
    * - `content`: The overlay content (default: `undefined`)
@@ -15571,11 +15545,6 @@ export type CustomElements = {
    * - `invalid`/`undefined`: Set when the element is invalid
    * - `focused`/`undefined`: Set when the element is focused
    * - `focus-ring`/`undefined`: Set when the element is keyboard focused
-   * - `<vaadin-time-picker>`/`undefined`: undefined
-   * - `<vaadin-time-picker-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
-   * - `change`/`undefined`: undefined
-   * - `unparsable-change`/`undefined`: undefined
    * - `_boundOverlaySelectedItemChanged`: undefined (property only)
    * - `_boundOnClearButtonMouseDown`: undefined (property only)
    * - `_boundOnClick`: undefined (property only)
@@ -15614,6 +15583,53 @@ export type CustomElements = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: undefined (default: `undefined`)
+   * - `--vaadin-time-picker-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-time-picker-overlay-width`: ### Internal components (default: `undefined`)
+   * - `<vaadin-time-picker>`: undefined (default: `undefined`)
+   * - `<vaadin-time-picker-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
+   * - `change`: undefined (default: `undefined`)
+   * - `unparsable-change`: undefined (default: `undefined`)
    */
   "or-vaadin-time-picker": Partial<
     OrVaadinTimePickerProps & BaseProps<OrVaadinTimePicker> & BaseEvents
@@ -15932,6 +15948,7 @@ export type CustomElements = {
    * | `--vaadin-button-border-color`   |
    * | `--vaadin-button-border-radius`  |
    * | `--vaadin-button-border-width`   |
+   * | `--vaadin-button-font-family`    |
    * | `--vaadin-button-font-size`      |
    * | `--vaadin-button-font-weight`    |
    * | `--vaadin-button-gap`            |
@@ -15993,6 +16010,7 @@ export type CustomElements = {
    * - `--vaadin-button-border-color`: undefined (default: `undefined`)
    * - `--vaadin-button-border-radius`: undefined (default: `undefined`)
    * - `--vaadin-button-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-button-font-family`: undefined (default: `undefined`)
    * - `--vaadin-button-font-size`: undefined (default: `undefined`)
    * - `--vaadin-button-font-weight`: undefined (default: `undefined`)
    * - `--vaadin-button-gap`: undefined (default: `undefined`)
@@ -16572,14 +16590,6 @@ export type CustomElements = {
    *
    * ### Styling
    *
-   * The following custom properties are available for styling:
-   *
-   * Custom property                         | Description                | Default
-   * ----------------------------------------|----------------------------|---------
-   * `--vaadin-field-default-width`          | Default width of the field | `12em`
-   * `--vaadin-combo-box-overlay-width`      | Width of the overlay       | `auto`
-   * `--vaadin-combo-box-overlay-max-height` | Max height of the overlay  | `65vh`
-   *
    * The following shadow DOM parts are available for styling:
    *
    * Part name            | Description
@@ -16613,6 +16623,48 @@ export type CustomElements = {
    * `opened`             | Set when the overlay is opened
    * `loading`            | Set when loading items from the data provider
    *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property                                |
+   * :--------------------------------------------------|
+   * | `--vaadin-combo-box-overlay-max-height`          |
+   * | `--vaadin-combo-box-overlay-width`               |
+   * | `--vaadin-field-default-width`                   |
+   * | `--vaadin-input-field-background`                |
+   * | `--vaadin-input-field-border-color`              |
+   * | `--vaadin-input-field-border-radius`             |
+   * | `--vaadin-input-field-border-width`              |
+   * | `--vaadin-input-field-bottom-end-radius`         |
+   * | `--vaadin-input-field-bottom-start-radius`       |
+   * | `--vaadin-input-field-button-text-color`         |
+   * | `--vaadin-input-field-container-gap`             |
+   * | `--vaadin-input-field-disabled-background`       |
+   * | `--vaadin-input-field-disabled-text-color`       |
+   * | `--vaadin-input-field-error-color`               |
+   * | `--vaadin-input-field-error-font-size`           |
+   * | `--vaadin-input-field-error-font-weight`         |
+   * | `--vaadin-input-field-error-line-height`         |
+   * | `--vaadin-input-field-gap`                       |
+   * | `--vaadin-input-field-helper-color`              |
+   * | `--vaadin-input-field-helper-font-size`          |
+   * | `--vaadin-input-field-helper-font-weight`        |
+   * | `--vaadin-input-field-helper-line-height`        |
+   * | `--vaadin-input-field-label-color`               |
+   * | `--vaadin-input-field-label-font-size`           |
+   * | `--vaadin-input-field-label-font-weight`         |
+   * | `--vaadin-input-field-label-line-height`         |
+   * | `--vaadin-input-field-padding`                   |
+   * | `--vaadin-input-field-placeholder-color`         |
+   * | `--vaadin-input-field-required-indicator`        |
+   * | `--vaadin-input-field-required-indicator-color`  |
+   * | `--vaadin-input-field-top-end-radius`            |
+   * | `--vaadin-input-field-top-start-radius`          |
+   * | `--vaadin-input-field-value-color`               |
+   * | `--vaadin-input-field-value-font-size`           |
+   * | `--vaadin-input-field-value-font-weight`         |
+   * | `--vaadin-input-field-value-line-height`         |
+   * | `--vaadin-item-overlay-padding`                  |
+   *
    * ### Internal components
    *
    * In addition to `<vaadin-combo-box>` itself, the following internal
@@ -16639,9 +16691,6 @@ export type CustomElements = {
    * - `readonly`: Set when the element is readonly
    * - `opened`: Set when the overlay is opened
    * - `loading`: Set when loading items from the data provider
-   * - `<vaadin-combo-box>`/`undefined`: undefined
-   * - `<vaadin-combo-box-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
    * - `pageSize`: Number of items fetched at a time from the dataprovider.
    * - `size`: Total number of items.
    * - `dataProvider`: Function that provides items lazily. Receives arguments `params`, `callback`
@@ -16677,7 +16726,6 @@ export type CustomElements = {
    * the `itemIdPath` is used to compare and identify the same item
    * in `selectedItem` and `filteredItems` (items given by the
    * `dataProvider` callback).
-   * - `__keepOverlayOpened`: undefined
    * - `manualValidation`: Set to true to enable manual validation mode. This mode disables automatic
    * constraint validation, allowing you to control the validation process yourself.
    * You can still trigger constraint validation manually with the `validate()` method
@@ -16806,6 +16854,51 @@ export type CustomElements = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-combo-box-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-combo-box-overlay-width`: undefined (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: ### Internal components (default: `undefined`)
+   * - `<vaadin-combo-box>`: undefined (default: `undefined`)
+   * - `<vaadin-combo-box-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
    */
   "vaadin-combo-box": Partial<ComboBoxProps & BaseProps<ComboBox> & BaseEvents>;
 
@@ -17521,12 +17614,6 @@ export type CustomElements = {
    *
    * ### Styling
    *
-   * The following custom properties are available for styling:
-   *
-   * Custom property                | Description                | Default
-   * -------------------------------|----------------------------|---------
-   * `--vaadin-field-default-width` | Default width of the field | `12em`
-   *
    * The following shadow DOM parts are available for styling:
    *
    * Part name            | Description
@@ -17560,6 +17647,69 @@ export type CustomElements = {
    * `opened`             | Set when the overlay is opened
    * `week-numbers`       | Set when week numbers are shown in the calendar
    *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property                                        |
+   * :----------------------------------------------------------|
+   * | `--vaadin-date-picker-date-border-radius`                |
+   * | `--vaadin-date-picker-date-disabled-color`               |
+   * | `--vaadin-date-picker-date-height`                       |
+   * | `--vaadin-date-picker-date-selected-background`          |
+   * | `--vaadin-date-picker-date-selected-color`               |
+   * | `--vaadin-date-picker-date-today-color`                  |
+   * | `--vaadin-date-picker-date-width`                        |
+   * | `--vaadin-date-picker-month-header-color`                |
+   * | `--vaadin-date-picker-month-header-font-size`            |
+   * | `--vaadin-date-picker-month-header-font-weight`          |
+   * | `--vaadin-date-picker-month-padding`                     |
+   * | `--vaadin-date-picker-overlay-max-height`                |
+   * | `--vaadin-date-picker-overlay-width`                     |
+   * | `--vaadin-date-picker-toolbar-padding`                   |
+   * | `--vaadin-date-picker-week-divider-color`                |
+   * | `--vaadin-date-picker-week-number-color`                 |
+   * | `--vaadin-date-picker-week-number-font-size`             |
+   * | `--vaadin-date-picker-weekday-color`                     |
+   * | `--vaadin-date-picker-weekday-font-size`                 |
+   * | `--vaadin-date-picker-weekday-font-weight`               |
+   * | `--vaadin-date-picker-year-scroller-background`          |
+   * | `--vaadin-date-picker-year-scroller-border-color`        |
+   * | `--vaadin-date-picker-year-scroller-current-year-color`  |
+   * | `--vaadin-date-picker-year-scroller-width`               |
+   * | `--vaadin-field-default-width`                           |
+   * | `--vaadin-input-field-background`                        |
+   * | `--vaadin-input-field-border-color`                      |
+   * | `--vaadin-input-field-border-radius`                     |
+   * | `--vaadin-input-field-border-width`                      |
+   * | `--vaadin-input-field-bottom-end-radius`                 |
+   * | `--vaadin-input-field-bottom-start-radius`               |
+   * | `--vaadin-input-field-button-text-color`                 |
+   * | `--vaadin-input-field-container-gap`                     |
+   * | `--vaadin-input-field-disabled-background`               |
+   * | `--vaadin-input-field-disabled-text-color`               |
+   * | `--vaadin-input-field-error-color`                       |
+   * | `--vaadin-input-field-error-font-size`                   |
+   * | `--vaadin-input-field-error-font-weight`                 |
+   * | `--vaadin-input-field-error-line-height`                 |
+   * | `--vaadin-input-field-gap`                               |
+   * | `--vaadin-input-field-helper-color`                      |
+   * | `--vaadin-input-field-helper-font-size`                  |
+   * | `--vaadin-input-field-helper-font-weight`                |
+   * | `--vaadin-input-field-helper-line-height`                |
+   * | `--vaadin-input-field-label-color`                       |
+   * | `--vaadin-input-field-label-font-size`                   |
+   * | `--vaadin-input-field-label-font-weight`                 |
+   * | `--vaadin-input-field-label-line-height`                 |
+   * | `--vaadin-input-field-padding`                           |
+   * | `--vaadin-input-field-placeholder-color`                 |
+   * | `--vaadin-input-field-required-indicator`                |
+   * | `--vaadin-input-field-required-indicator-color`          |
+   * | `--vaadin-input-field-top-end-radius`                    |
+   * | `--vaadin-input-field-top-start-radius`                  |
+   * | `--vaadin-input-field-value-color`                       |
+   * | `--vaadin-input-field-value-font-size`                   |
+   * | `--vaadin-input-field-value-font-weight`                 |
+   * | `--vaadin-input-field-value-line-height`                 |
+   *
    * ### Internal components
    *
    * In addition to `<vaadin-date-picker>` itself, the following internal
@@ -17645,15 +17795,6 @@ export type CustomElements = {
    * - `readonly`: Set when the element is readonly
    * - `opened`: Set when the overlay is opened
    * - `week-numbers`/`undefined`: Set when week numbers are shown in the calendar
-   * - `<vaadin-date-picker>`/`undefined`: undefined
-   * - `<vaadin-date-picker-overlay-content>`/`undefined`: undefined
-   * - `<vaadin-date-picker-month-scroller>`/`undefined`: undefined
-   * - `<vaadin-date-picker-year-scroller>`/`undefined`: undefined
-   * - `<vaadin-date-picker-year>`/`undefined`: undefined
-   * - `<vaadin-month-calendar>`/`undefined`: undefined
-   * - `<vaadin-date-picker-overlay-content>`/`undefined`: undefined
-   * - `years-toggle-button`/`undefined`: Fullscreen mode years scroller toggle
-   * - `toolbar`/`undefined`: Toolbar with slotted buttons
    * - `_selectedDate`: The current selected date.
    * - `_focusedDate`: undefined
    * - `value`: Selected date.
@@ -17766,31 +17907,125 @@ export type CustomElements = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
-   */
-  "vaadin-date-picker": Partial<
-    DatePickerProps & BaseProps<DatePicker> & BaseEvents
-  >;
-
-  /**
-   * `<vaadin-date-time-picker>` is a Web Component providing a date time selection field.
-   *
-   * ```html
-   * <vaadin-date-time-picker value="2019-09-16T15:00"></vaadin-date-time-picker>
-   * ```
-   *
-   * ```js
-   * dateTimePicker.value = '2019-09-16T15:00';
-   * ```
-   *
-   * When the selected `value` is changed, a `value-changed` event is triggered.
    *
-   * ### Styling
+   * ## CSS Custom Properties
    *
-   * The following shadow DOM parts are available for styling:
+   * CSS variables available for styling the component.
    *
-   * Part name            | Description
-   * ---------------------|----------------
-   * `label`              | The slotted label element wrapper
+   * - `--vaadin-date-picker-date-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-disabled-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-height`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-selected-background`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-selected-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-today-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-width`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-header-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-header-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-header-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-padding`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-overlay-width`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-toolbar-padding`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-week-divider-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-week-number-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-week-number-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-weekday-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-weekday-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-weekday-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-background`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-current-year-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-width`: undefined (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: ### Internal components (default: `undefined`)
+   * - `<vaadin-date-picker>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-overlay-content>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-month-scroller>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-year-scroller>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-year>`: undefined (default: `undefined`)
+   * - `<vaadin-month-calendar>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-overlay-content>`: undefined (default: `undefined`)
+   * - `years-toggle-button`: Fullscreen mode years scroller toggle (default: `undefined`)
+   * - `toolbar`: Toolbar with slotted buttons (default: `undefined`)
+   * - `<vaadin-date-picker-overlay-content>`: undefined (default: `undefined`)
+   * - `desktop`: Set when the overlay content is in desktop mode (default: `undefined`)
+   * - `fullscreen`: Set when the overlay content is in fullscreen mode (default: `undefined`)
+   * - `years-visible`: Set when the year scroller is visible in fullscreen mode (default: `undefined`)
+   * - `<vaadin-month-calendar>`: undefined (default: `undefined`)
+   * - `month-header`: Month title (default: `undefined`)
+   * - `weekdays`: Weekday container (default: `undefined`)
+   * - `weekday`: Weekday element (default: `undefined`)
+   * - `week-numbers`: Week numbers container (default: `undefined`)
+   * - `week-number`: Week number element (default: `undefined`)
+   * - `date`: Date element (default: `undefined`)
+   * - `disabled`: Disabled date element (default: `undefined`)
+   * - `focused`: Focused date element (default: `undefined`)
+   * - `selected`: Selected date element (default: `undefined`)
+   * - `today`: Date element corresponding to the current day (default: `undefined`)
+   * - `past`: Date element corresponding to the date in the past (default: `undefined`)
+   * - `future`: Date element corresponding to the date in the future (default: `undefined`)
+   * - `<vaadin-date-picker-year>`: undefined (default: `undefined`)
+   * - `year-number`: Year number (default: `undefined`)
+   * - `year-separator`: Year separator (default: `undefined`)
+   * - `change`: undefined (default: `undefined`)
+   * - `unparsable-change`: undefined (default: `undefined`)
+   */
+  "vaadin-date-picker": Partial<
+    DatePickerProps & BaseProps<DatePicker> & BaseEvents
+  >;
+
+  /**
+   * `<vaadin-date-time-picker>` is a Web Component providing a date time selection field.
+   *
+   * ```html
+   * <vaadin-date-time-picker value="2019-09-16T15:00"></vaadin-date-time-picker>
+   * ```
+   *
+   * ```js
+   * dateTimePicker.value = '2019-09-16T15:00';
+   * ```
+   *
+   * When the selected `value` is changed, a `value-changed` event is triggered.
+   *
+   * ### Styling
+   *
+   * The following shadow DOM parts are available for styling:
+   *
+   * Part name            | Description
+   * ---------------------|----------------
+   * `label`              | The slotted label element wrapper
    * `input-fields`       | The date and time pickers wrapper
    * `helper-text`        | The slotted helper text element wrapper
    * `error-message`      | The slotted error message element wrapper
@@ -18131,6 +18366,7 @@ export type CustomElements = {
    * |`--vaadin-dialog-title-font-size`           |
    * |`--vaadin-dialog-title-font-weight`         |
    * |`--vaadin-dialog-title-line-height`         |
+   * |`--vaadin-dialog-toolbar-gap`               |
    * |`--vaadin-overlay-backdrop-background`      |
    *
    * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
@@ -18256,6 +18492,7 @@ export type CustomElements = {
    * - `--vaadin-dialog-title-font-size`: undefined (default: `undefined`)
    * - `--vaadin-dialog-title-font-weight`: undefined (default: `undefined`)
    * - `--vaadin-dialog-title-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-dialog-toolbar-gap`: undefined (default: `undefined`)
    * - `--vaadin-overlay-backdrop-background`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
    */
   "vaadin-dialog": Partial<DialogProps & BaseProps<Dialog> & BaseEvents>;
@@ -18303,11 +18540,12 @@ export type CustomElements = {
    *
    * The following custom CSS properties are available for styling:
    *
-   * Custom CSS property          | Description
-   * -----------------------------|-------------
-   * `--vaadin-icon-size`         | Size (width and height) of the icon
-   * `--vaadin-icon-stroke-width` | Stroke width of the SVG icon
-   * `--vaadin-icon-visual-size`  | Visual size of the icon
+   * Custom CSS property            |
+   * :------------------------------|
+   * | `--vaadin-icon-color`        |
+   * | `--vaadin-icon-size`         |
+   * | `--vaadin-icon-stroke-width` |
+   * | `--vaadin-icon-visual-size`  |
    *
    * The following state attributes are available for styling:
    *
@@ -18381,9 +18619,10 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--vaadin-icon-size`: Size (width and height) of the icon (default: `undefined`)
-   * - `--vaadin-icon-stroke-width`: Stroke width of the SVG icon (default: `undefined`)
-   * - `--vaadin-icon-visual-size`: Visual size of the icon (default: `undefined`)
+   * - `--vaadin-icon-color`: undefined (default: `undefined`)
+   * - `--vaadin-icon-size`: undefined (default: `undefined`)
+   * - `--vaadin-icon-stroke-width`: undefined (default: `undefined`)
+   * - `--vaadin-icon-visual-size`: The following state attributes are available for styling: (default: `undefined`)
    * - `has-tooltip`: Set when the icon has a slotted tooltip (default: `undefined`)
    */
   "vaadin-icon": Partial<IconProps & BaseProps<Icon> & BaseEvents>;
@@ -18663,6 +18902,7 @@ export type CustomElements = {
    * - `--vaadin-button-border-color`: undefined (default: `undefined`)
    * - `--vaadin-button-border-radius`: undefined (default: `undefined`)
    * - `--vaadin-button-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-button-font-family`: undefined (default: `undefined`)
    * - `--vaadin-button-font-size`: undefined (default: `undefined`)
    * - `--vaadin-button-font-weight`: undefined (default: `undefined`)
    * - `--vaadin-button-gap`: undefined (default: `undefined`)
@@ -18982,6 +19222,12 @@ export type CustomElements = {
    * `disabled`          | Set when the menu bar is disabled
    * `has-single-button` | Set when there is only one button visible
    *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property         |
+   * :---------------------------|
+   * | `--vaadin-menu-bar-gap`   |
+   *
    * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
    *
    * ### Internal components
@@ -19007,16 +19253,6 @@ export type CustomElements = {
    *
    * - `disabled`: Set when the menu bar is disabled
    * - `has-single-button`/`undefined`: Set when there is only one button visible
-   * - `<vaadin-menu-bar>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-button>`/`undefined`: undefined
-   * - `<vaadin-button>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-list-box>`/`undefined`: undefined
-   * - `<vaadin-list-box>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-submenu>`/`undefined`: undefined
-   * - `<vaadin-context-menu>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-item>`/`undefined`: undefined
    * - `items`: Defines a hierarchical structure, where root level items represent menu bar buttons,
    * and `children` property configures a submenu with items to be opened below
    * the button on click, Enter, Space, Up and Down arrow keys.
@@ -19108,6 +19344,24 @@ export type CustomElements = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-menu-bar-gap`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
+   * - `<vaadin-menu-bar>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-button>`: undefined (default: `undefined`)
+   * - `<vaadin-button>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-submenu>`: undefined (default: `undefined`)
+   * - `<vaadin-context-menu>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
+   * - `expanded`: Expanded parent item. (default: `undefined`)
    */
   "vaadin-menu-bar": Partial<MenuBarProps & BaseProps<MenuBar> & BaseEvents>;
 
@@ -19277,12 +19531,59 @@ export type CustomElements = {
    *
    * The following custom CSS properties are available for styling:
    *
-   * Custom property                                      | Description                | Default
-   * -----------------------------------------------------|----------------------------|--------
-   * `--vaadin-field-default-width`                       | Default width of the field | `12em`
-   * `--vaadin-multi-select-combo-box-overlay-width`      | Width of the overlay       | `auto`
-   * `--vaadin-multi-select-combo-box-overlay-max-height` | Max height of the overlay  | `65vh`
-   * `--vaadin-multi-select-combo-box-input-min-width`    | Min width of the input     | `4em`
+   * Custom CSS property                                     |
+   * :-------------------------------------------------------|
+   * | `--vaadin-chip-background`                            |
+   * | `--vaadin-chip-border-color`                          |
+   * | `--vaadin-chip-border-radius`                         |
+   * | `--vaadin-chip-border-width`                          |
+   * | `--vaadin-chip-font-size`                             |
+   * | `--vaadin-chip-font-weight`                           |
+   * | `--vaadin-chip-gap`                                   |
+   * | `--vaadin-chip-height`                                |
+   * | `--vaadin-chip-padding`                               |
+   * | `--vaadin-chip-remove-button-text-color`              |
+   * | `--vaadin-chip-text-color`                            |
+   * | `--vaadin-field-default-width`                        |
+   * | `--vaadin-input-field-background`                     |
+   * | `--vaadin-input-field-border-color`                   |
+   * | `--vaadin-input-field-border-radius`                  |
+   * | `--vaadin-input-field-border-width`                   |
+   * | `--vaadin-input-field-bottom-end-radius`              |
+   * | `--vaadin-input-field-bottom-start-radius`            |
+   * | `--vaadin-input-field-button-text-color`              |
+   * | `--vaadin-input-field-container-gap`                  |
+   * | `--vaadin-input-field-disabled-background`            |
+   * | `--vaadin-input-field-disabled-text-color`            |
+   * | `--vaadin-input-field-error-color`                    |
+   * | `--vaadin-input-field-error-font-size`                |
+   * | `--vaadin-input-field-error-font-weight`              |
+   * | `--vaadin-input-field-error-line-height`              |
+   * | `--vaadin-input-field-gap`                            |
+   * | `--vaadin-input-field-helper-color`                   |
+   * | `--vaadin-input-field-helper-font-size`               |
+   * | `--vaadin-input-field-helper-font-weight`             |
+   * | `--vaadin-input-field-helper-line-height`             |
+   * | `--vaadin-input-field-label-color`                    |
+   * | `--vaadin-input-field-label-font-size`                |
+   * | `--vaadin-input-field-label-font-weight`              |
+   * | `--vaadin-input-field-label-line-height`              |
+   * | `--vaadin-input-field-padding`                        |
+   * | `--vaadin-input-field-placeholder-color`              |
+   * | `--vaadin-input-field-required-indicator`             |
+   * | `--vaadin-input-field-required-indicator-color`       |
+   * | `--vaadin-input-field-top-end-radius`                 |
+   * | `--vaadin-input-field-top-start-radius`               |
+   * | `--vaadin-input-field-value-color`                    |
+   * | `--vaadin-input-field-value-font-size`                |
+   * | `--vaadin-input-field-value-font-weight`              |
+   * | `--vaadin-input-field-value-line-height`              |
+   * | `--vaadin-item-overlay-padding`                       |
+   * | `--vaadin-multi-select-combo-box-chip-min-width`      |
+   * | `--vaadin-multi-select-combo-box-chips-gap`           |
+   * | `--vaadin-multi-select-combo-box-input-min-width`     |
+   * | `--vaadin-multi-select-combo-box-overlay-max-height`  |
+   * | `--vaadin-multi-select-combo-box-overlay-width`       |
    *
    * ### Internal components
    *
@@ -19438,14 +19739,57 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--vaadin-field-default-width`: Default width of the field (default: `undefined`)
-   * - `12em`: undefined (default: `undefined`)
-   * - `--vaadin-multi-select-combo-box-overlay-width`: Width of the overlay (default: `undefined`)
-   * - `auto`: undefined (default: `undefined`)
-   * - `--vaadin-multi-select-combo-box-overlay-max-height`: Max height of the overlay (default: `undefined`)
-   * - `65vh`: undefined (default: `undefined`)
-   * - `--vaadin-multi-select-combo-box-input-min-width`: Min width of the input (default: `undefined`)
-   * - `4em`: undefined (default: `undefined`)
+   * - `--vaadin-chip-background`: undefined (default: `undefined`)
+   * - `--vaadin-chip-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-chip-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-chip-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-chip-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-chip-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-chip-gap`: undefined (default: `undefined`)
+   * - `--vaadin-chip-height`: undefined (default: `undefined`)
+   * - `--vaadin-chip-padding`: undefined (default: `undefined`)
+   * - `--vaadin-chip-remove-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-chip-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-chip-min-width`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-chips-gap`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-input-min-width`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-overlay-width`: ### Internal components (default: `undefined`)
    * - `<vaadin-multi-select-combo-box>`: undefined (default: `undefined`)
    * - `<vaadin-multi-select-combo-box-chip>`: undefined (default: `undefined`)
    * - `<vaadin-multi-select-combo-box-item>`: undefined (default: `undefined`)
@@ -20519,13 +20863,6 @@ export type CustomElements = {
    *
    * ### Styling
    *
-   * The following custom properties are available for styling:
-   *
-   * Custom property                  | Description                 | Default
-   * ---------------------------------|-----------------------------|--------
-   * `--vaadin-field-default-width`   | Default width of the field  | `12em`
-   * `--vaadin-select-overlay-width`  | Width of the overlay        |
-   *
    * The following shadow DOM parts are available for styling:
    *
    * Part name            | Description
@@ -20557,6 +20894,47 @@ export type CustomElements = {
    * `opened`             | Set when the overlay is opened
    * `phone`              | Set when the overlay is shown in phone mode
    *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property                                |
+   * :--------------------------------------------------|
+   * | `--vaadin-field-default-width`                   |
+   * | `--vaadin-input-field-background`                |
+   * | `--vaadin-input-field-border-color`              |
+   * | `--vaadin-input-field-border-radius`             |
+   * | `--vaadin-input-field-border-width`              |
+   * | `--vaadin-input-field-bottom-end-radius`         |
+   * | `--vaadin-input-field-bottom-start-radius`       |
+   * | `--vaadin-input-field-button-text-color`         |
+   * | `--vaadin-input-field-container-gap`             |
+   * | `--vaadin-input-field-disabled-background`       |
+   * | `--vaadin-input-field-disabled-text-color`       |
+   * | `--vaadin-input-field-error-color`               |
+   * | `--vaadin-input-field-error-font-size`           |
+   * | `--vaadin-input-field-error-font-weight`         |
+   * | `--vaadin-input-field-error-line-height`         |
+   * | `--vaadin-input-field-gap`                       |
+   * | `--vaadin-input-field-helper-color`              |
+   * | `--vaadin-input-field-helper-font-size`          |
+   * | `--vaadin-input-field-helper-font-weight`        |
+   * | `--vaadin-input-field-helper-line-height`        |
+   * | `--vaadin-input-field-label-color`               |
+   * | `--vaadin-input-field-label-font-size`           |
+   * | `--vaadin-input-field-label-font-weight`         |
+   * | `--vaadin-input-field-label-line-height`         |
+   * | `--vaadin-input-field-padding`                   |
+   * | `--vaadin-input-field-placeholder-color`         |
+   * | `--vaadin-input-field-required-indicator`        |
+   * | `--vaadin-input-field-required-indicator-color`  |
+   * | `--vaadin-input-field-top-end-radius`            |
+   * | `--vaadin-input-field-top-start-radius`          |
+   * | `--vaadin-input-field-value-color`               |
+   * | `--vaadin-input-field-value-font-size`           |
+   * | `--vaadin-input-field-value-font-weight`         |
+   * | `--vaadin-input-field-value-line-height`         |
+   * | `--vaadin-item-overlay-padding`                  |
+   * | `--vaadin-select-overlay-width`                  |
+   *
    * ### Internal components
    *
    * In addition to `<vaadin-select>` itself, the following internal
@@ -20583,13 +20961,6 @@ export type CustomElements = {
    * - `readonly`: Set when the element is readonly
    * - `opened`: Set when the overlay is opened
    * - `phone`/`undefined`: Set when the overlay is shown in phone mode
-   * - `<vaadin-select>`/`undefined`: undefined
-   * - `<vaadin-select-value-button>`/`undefined`: undefined
-   * - `<vaadin-button>`/`undefined`: undefined
-   * - `<vaadin-select-list-box>`/`undefined`: undefined
-   * - `<vaadin-list-box>`/`undefined`: undefined
-   * - `<vaadin-select-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
    * - `items`: An array containing items that will be rendered as the options of the select.
    *
    * #### Example
@@ -20698,6 +21069,54 @@ export type CustomElements = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: undefined (default: `undefined`)
+   * - `--vaadin-select-overlay-width`: ### Internal components (default: `undefined`)
+   * - `<vaadin-select>`: undefined (default: `undefined`)
+   * - `<vaadin-select-value-button>`: undefined (default: `undefined`)
+   * - `<vaadin-button>`: undefined (default: `undefined`)
+   * - `<vaadin-select-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-select-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
    */
   "vaadin-select": Partial<SelectProps & BaseProps<Select> & BaseEvents>;
 
@@ -20744,49 +21163,51 @@ export type CustomElements = {
    *
    * The following custom CSS properties are available for styling:
    *
-   * Custom CSS property                          |
-   * :--------------------------------------------|
-   * `--vaadin-field-default-width`               |
-   * `--vaadin-input-field-error-color`           |
-   * `--vaadin-input-field-error-font-size`       |
-   * `--vaadin-input-field-error-font-weight`     |
-   * `--vaadin-input-field-helper-color`          |
-   * `--vaadin-input-field-helper-font-size`      |
-   * `--vaadin-input-field-helper-font-weight`    |
-   * `--vaadin-input-field-label-color`           |
-   * `--vaadin-input-field-label-font-size`       |
-   * `--vaadin-input-field-label-font-weight`     |
-   * `--vaadin-input-field-required-indicator`    |
-   * `--vaadin-slider-bubble-arrow-size`          |
-   * `--vaadin-slider-bubble-background`          |
-   * `--vaadin-slider-bubble-border-color`        |
-   * `--vaadin-slider-bubble-border-radius`       |
-   * `--vaadin-slider-bubble-border-width`        |
-   * `--vaadin-slider-bubble-offset`              |
-   * `--vaadin-slider-bubble-padding`             |
-   * `--vaadin-slider-bubble-shadow`              |
-   * `--vaadin-slider-bubble-text-color`          |
-   * `--vaadin-slider-bubble-font-size`           |
-   * `--vaadin-slider-bubble-font-weight`         |
-   * `--vaadin-slider-bubble-line-height`         |
-   * `--vaadin-slider-fill-background`            |
-   * `--vaadin-slider-fill-border-color`          |
-   * `--vaadin-slider-fill-border-width`          |
-   * `--vaadin-slider-marks-color`                |
-   * `--vaadin-slider-marks-font-size`            |
-   * `--vaadin-slider-marks-font-weight`          |
-   * `--vaadin-slider-thumb-border-color`         |
-   * `--vaadin-slider-thumb-border-radius`        |
-   * `--vaadin-slider-thumb-border-width`         |
-   * `--vaadin-slider-thumb-cursor`               |
-   * `--vaadin-slider-thumb-cursor-active`        |
-   * `--vaadin-slider-thumb-height`               |
-   * `--vaadin-slider-thumb-width`                |
-   * `--vaadin-slider-track-background`           |
-   * `--vaadin-slider-track-border-color`         |
-   * `--vaadin-slider-track-border-radius`        |
-   * `--vaadin-slider-track-border-width`         |
-   * `--vaadin-slider-track-height`               |
+   * Custom CSS property                              |
+   * :------------------------------------------------|
+   * | `--vaadin-field-default-width`                 |
+   * | `--vaadin-input-field-error-color`             |
+   * | `--vaadin-input-field-error-font-size`         |
+   * | `--vaadin-input-field-error-font-weight`       |
+   * | `--vaadin-input-field-helper-color`            |
+   * | `--vaadin-input-field-helper-font-size`        |
+   * | `--vaadin-input-field-helper-font-weight`      |
+   * | `--vaadin-input-field-label-color`             |
+   * | `--vaadin-input-field-label-font-size`         |
+   * | `--vaadin-input-field-label-font-weight`       |
+   * | `--vaadin-input-field-required-indicator`      |
+   * | `--vaadin-slider-bubble-arrow-border-radius`   |
+   * | `--vaadin-slider-bubble-arrow-size`            |
+   * | `--vaadin-slider-bubble-background`            |
+   * | `--vaadin-slider-bubble-border-color`          |
+   * | `--vaadin-slider-bubble-border-radius`         |
+   * | `--vaadin-slider-bubble-border-width`          |
+   * | `--vaadin-slider-bubble-font-size`             |
+   * | `--vaadin-slider-bubble-font-weight`           |
+   * | `--vaadin-slider-bubble-line-height`           |
+   * | `--vaadin-slider-bubble-offset`                |
+   * | `--vaadin-slider-bubble-padding`               |
+   * | `--vaadin-slider-bubble-shadow`                |
+   * | `--vaadin-slider-bubble-text-color`            |
+   * | `--vaadin-slider-fill-background`              |
+   * | `--vaadin-slider-fill-border-color`            |
+   * | `--vaadin-slider-fill-border-width`            |
+   * | `--vaadin-slider-marks-color`                  |
+   * | `--vaadin-slider-marks-font-size`              |
+   * | `--vaadin-slider-marks-font-weight`            |
+   * | `--vaadin-slider-thumb-background`             |
+   * | `--vaadin-slider-thumb-border-color`           |
+   * | `--vaadin-slider-thumb-border-radius`          |
+   * | `--vaadin-slider-thumb-border-width`           |
+   * | `--vaadin-slider-thumb-cursor`                 |
+   * | `--vaadin-slider-thumb-cursor-active`          |
+   * | `--vaadin-slider-thumb-height`                 |
+   * | `--vaadin-slider-thumb-width`                  |
+   * | `--vaadin-slider-track-background`             |
+   * | `--vaadin-slider-track-border-color`           |
+   * | `--vaadin-slider-track-border-radius`          |
+   * | `--vaadin-slider-track-border-width`           |
+   * | `--vaadin-slider-track-height`                 |
    *
    * In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts:
    *
@@ -20883,26 +21304,48 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--vaadin-field-default-width`: `--vaadin-input-field-error-color` (default: `undefined`)
-   * - `--vaadin-input-field-error-font-size`: `--vaadin-input-field-error-font-weight` (default: `undefined`)
-   * - `--vaadin-input-field-helper-color`: `--vaadin-input-field-helper-font-size` (default: `undefined`)
-   * - `--vaadin-input-field-helper-font-weight`: `--vaadin-input-field-label-color` (default: `undefined`)
-   * - `--vaadin-input-field-label-font-size`: `--vaadin-input-field-label-font-weight` (default: `undefined`)
-   * - `--vaadin-input-field-required-indicator`: `--vaadin-slider-bubble-arrow-size` (default: `undefined`)
-   * - `--vaadin-slider-bubble-background`: `--vaadin-slider-bubble-border-color` (default: `undefined`)
-   * - `--vaadin-slider-bubble-border-radius`: `--vaadin-slider-bubble-border-width` (default: `undefined`)
-   * - `--vaadin-slider-bubble-offset`: `--vaadin-slider-bubble-padding` (default: `undefined`)
-   * - `--vaadin-slider-bubble-shadow`: `--vaadin-slider-bubble-text-color` (default: `undefined`)
-   * - `--vaadin-slider-bubble-font-size`: `--vaadin-slider-bubble-font-weight` (default: `undefined`)
-   * - `--vaadin-slider-bubble-line-height`: `--vaadin-slider-fill-background` (default: `undefined`)
-   * - `--vaadin-slider-fill-border-color`: `--vaadin-slider-fill-border-width` (default: `undefined`)
-   * - `--vaadin-slider-marks-color`: `--vaadin-slider-marks-font-size` (default: `undefined`)
-   * - `--vaadin-slider-marks-font-weight`: `--vaadin-slider-thumb-border-color` (default: `undefined`)
-   * - `--vaadin-slider-thumb-border-radius`: `--vaadin-slider-thumb-border-width` (default: `undefined`)
-   * - `--vaadin-slider-thumb-cursor`: `--vaadin-slider-thumb-cursor-active` (default: `undefined`)
-   * - `--vaadin-slider-thumb-height`: `--vaadin-slider-thumb-width` (default: `undefined`)
-   * - `--vaadin-slider-track-background`: `--vaadin-slider-track-border-color` (default: `undefined`)
-   * - `--vaadin-slider-track-border-radius`: `--vaadin-slider-track-border-width` (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-arrow-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-arrow-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-offset`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-padding`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-shadow`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-cursor`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-cursor-active`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-height`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-width`: undefined (default: `undefined`)
    * - `--vaadin-slider-track-height`: In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts: (default: `undefined`)
    * - `overlay`: The overlay container (default: `undefined`)
    * - `content`: The overlay content (default: `undefined`)
@@ -21074,49 +21517,51 @@ export type CustomElements = {
    *
    * The following custom CSS properties are available for styling:
    *
-   * Custom CSS property                          |
-   * :--------------------------------------------|
-   * `--vaadin-field-default-width`               |
-   * `--vaadin-input-field-error-color`           |
-   * `--vaadin-input-field-error-font-size`       |
-   * `--vaadin-input-field-error-font-weight`     |
-   * `--vaadin-input-field-helper-color`          |
-   * `--vaadin-input-field-helper-font-size`      |
-   * `--vaadin-input-field-helper-font-weight`    |
-   * `--vaadin-input-field-label-color`           |
-   * `--vaadin-input-field-label-font-size`       |
-   * `--vaadin-input-field-label-font-weight`     |
-   * `--vaadin-input-field-required-indicator`    |
-   * `--vaadin-slider-bubble-arrow-size`          |
-   * `--vaadin-slider-bubble-background`          |
-   * `--vaadin-slider-bubble-border-color`        |
-   * `--vaadin-slider-bubble-border-radius`       |
-   * `--vaadin-slider-bubble-border-width`        |
-   * `--vaadin-slider-bubble-offset`              |
-   * `--vaadin-slider-bubble-padding`             |
-   * `--vaadin-slider-bubble-shadow`              |
-   * `--vaadin-slider-bubble-text-color`          |
-   * `--vaadin-slider-bubble-font-size`           |
-   * `--vaadin-slider-bubble-font-weight`         |
-   * `--vaadin-slider-bubble-line-height`         |
-   * `--vaadin-slider-fill-background`            |
-   * `--vaadin-slider-fill-border-color`          |
-   * `--vaadin-slider-fill-border-width`          |
-   * `--vaadin-slider-marks-color`                |
-   * `--vaadin-slider-marks-font-size`            |
-   * `--vaadin-slider-marks-font-weight`          |
-   * `--vaadin-slider-thumb-border-color`         |
-   * `--vaadin-slider-thumb-border-radius`        |
-   * `--vaadin-slider-thumb-border-width`         |
-   * `--vaadin-slider-thumb-cursor`               |
-   * `--vaadin-slider-thumb-cursor-active`        |
-   * `--vaadin-slider-thumb-height`               |
-   * `--vaadin-slider-thumb-width`                |
-   * `--vaadin-slider-track-background`           |
-   * `--vaadin-slider-track-border-color`         |
-   * `--vaadin-slider-track-border-radius`        |
-   * `--vaadin-slider-track-border-width`         |
-   * `--vaadin-slider-track-height`               |
+   * Custom CSS property                              |
+   * :------------------------------------------------|
+   * | `--vaadin-field-default-width`                 |
+   * | `--vaadin-input-field-error-color`             |
+   * | `--vaadin-input-field-error-font-size`         |
+   * | `--vaadin-input-field-error-font-weight`       |
+   * | `--vaadin-input-field-helper-color`            |
+   * | `--vaadin-input-field-helper-font-size`        |
+   * | `--vaadin-input-field-helper-font-weight`      |
+   * | `--vaadin-input-field-label-color`             |
+   * | `--vaadin-input-field-label-font-size`         |
+   * | `--vaadin-input-field-label-font-weight`       |
+   * | `--vaadin-input-field-required-indicator`      |
+   * | `--vaadin-slider-bubble-arrow-border-radius`   |
+   * | `--vaadin-slider-bubble-arrow-size`            |
+   * | `--vaadin-slider-bubble-background`            |
+   * | `--vaadin-slider-bubble-border-color`          |
+   * | `--vaadin-slider-bubble-border-radius`         |
+   * | `--vaadin-slider-bubble-border-width`          |
+   * | `--vaadin-slider-bubble-font-size`             |
+   * | `--vaadin-slider-bubble-font-weight`           |
+   * | `--vaadin-slider-bubble-line-height`           |
+   * | `--vaadin-slider-bubble-offset`                |
+   * | `--vaadin-slider-bubble-padding`               |
+   * | `--vaadin-slider-bubble-shadow`                |
+   * | `--vaadin-slider-bubble-text-color`            |
+   * | `--vaadin-slider-fill-background`              |
+   * | `--vaadin-slider-fill-border-color`            |
+   * | `--vaadin-slider-fill-border-width`            |
+   * | `--vaadin-slider-marks-color`                  |
+   * | `--vaadin-slider-marks-font-size`              |
+   * | `--vaadin-slider-marks-font-weight`            |
+   * | `--vaadin-slider-thumb-background`             |
+   * | `--vaadin-slider-thumb-border-color`           |
+   * | `--vaadin-slider-thumb-border-radius`          |
+   * | `--vaadin-slider-thumb-border-width`           |
+   * | `--vaadin-slider-thumb-cursor`                 |
+   * | `--vaadin-slider-thumb-cursor-active`          |
+   * | `--vaadin-slider-thumb-height`                 |
+   * | `--vaadin-slider-thumb-width`                  |
+   * | `--vaadin-slider-track-background`             |
+   * | `--vaadin-slider-track-border-color`           |
+   * | `--vaadin-slider-track-border-radius`          |
+   * | `--vaadin-slider-track-border-width`           |
+   * | `--vaadin-slider-track-height`                 |
    *
    * In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts:
    *
@@ -21201,26 +21646,48 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--vaadin-field-default-width`: `--vaadin-input-field-error-color` (default: `undefined`)
-   * - `--vaadin-input-field-error-font-size`: `--vaadin-input-field-error-font-weight` (default: `undefined`)
-   * - `--vaadin-input-field-helper-color`: `--vaadin-input-field-helper-font-size` (default: `undefined`)
-   * - `--vaadin-input-field-helper-font-weight`: `--vaadin-input-field-label-color` (default: `undefined`)
-   * - `--vaadin-input-field-label-font-size`: `--vaadin-input-field-label-font-weight` (default: `undefined`)
-   * - `--vaadin-input-field-required-indicator`: `--vaadin-slider-bubble-arrow-size` (default: `undefined`)
-   * - `--vaadin-slider-bubble-background`: `--vaadin-slider-bubble-border-color` (default: `undefined`)
-   * - `--vaadin-slider-bubble-border-radius`: `--vaadin-slider-bubble-border-width` (default: `undefined`)
-   * - `--vaadin-slider-bubble-offset`: `--vaadin-slider-bubble-padding` (default: `undefined`)
-   * - `--vaadin-slider-bubble-shadow`: `--vaadin-slider-bubble-text-color` (default: `undefined`)
-   * - `--vaadin-slider-bubble-font-size`: `--vaadin-slider-bubble-font-weight` (default: `undefined`)
-   * - `--vaadin-slider-bubble-line-height`: `--vaadin-slider-fill-background` (default: `undefined`)
-   * - `--vaadin-slider-fill-border-color`: `--vaadin-slider-fill-border-width` (default: `undefined`)
-   * - `--vaadin-slider-marks-color`: `--vaadin-slider-marks-font-size` (default: `undefined`)
-   * - `--vaadin-slider-marks-font-weight`: `--vaadin-slider-thumb-border-color` (default: `undefined`)
-   * - `--vaadin-slider-thumb-border-radius`: `--vaadin-slider-thumb-border-width` (default: `undefined`)
-   * - `--vaadin-slider-thumb-cursor`: `--vaadin-slider-thumb-cursor-active` (default: `undefined`)
-   * - `--vaadin-slider-thumb-height`: `--vaadin-slider-thumb-width` (default: `undefined`)
-   * - `--vaadin-slider-track-background`: `--vaadin-slider-track-border-color` (default: `undefined`)
-   * - `--vaadin-slider-track-border-radius`: `--vaadin-slider-track-border-width` (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-arrow-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-arrow-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-offset`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-padding`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-shadow`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-cursor`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-cursor-active`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-height`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-width`: undefined (default: `undefined`)
    * - `--vaadin-slider-track-height`: In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts: (default: `undefined`)
    * - `overlay`: The overlay container (default: `undefined`)
    * - `content`: The overlay content (default: `undefined`)
@@ -21810,14 +22277,6 @@ export type CustomElements = {
    *
    * ### Styling
    *
-   * The following custom properties are available for styling:
-   *
-   * Custom property                          | Description                | Default
-   * -----------------------------------------|----------------------------|---------
-   * `--vaadin-field-default-width`           | Default width of the field | `12em`
-   * `--vaadin-time-picker-overlay-width`     | Width of the overlay       | `auto`
-   * `--vaadin-time-picker-overlay-max-height`| Max height of the overlay  | `65vh`
-   *
    * The following shadow DOM parts are available for styling:
    *
    * Part name            | Description
@@ -21849,6 +22308,48 @@ export type CustomElements = {
    * `readonly`           | Set when the element is readonly
    * `opened`             | Set when the overlay is opened
    *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property                                |
+   * :--------------------------------------------------|
+   * | `--vaadin-field-default-width`                   |
+   * | `--vaadin-input-field-background`                |
+   * | `--vaadin-input-field-border-color`              |
+   * | `--vaadin-input-field-border-radius`             |
+   * | `--vaadin-input-field-border-width`              |
+   * | `--vaadin-input-field-bottom-end-radius`         |
+   * | `--vaadin-input-field-bottom-start-radius`       |
+   * | `--vaadin-input-field-button-text-color`         |
+   * | `--vaadin-input-field-container-gap`             |
+   * | `--vaadin-input-field-disabled-background`       |
+   * | `--vaadin-input-field-disabled-text-color`       |
+   * | `--vaadin-input-field-error-color`               |
+   * | `--vaadin-input-field-error-font-size`           |
+   * | `--vaadin-input-field-error-font-weight`         |
+   * | `--vaadin-input-field-error-line-height`         |
+   * | `--vaadin-input-field-gap`                       |
+   * | `--vaadin-input-field-helper-color`              |
+   * | `--vaadin-input-field-helper-font-size`          |
+   * | `--vaadin-input-field-helper-font-weight`        |
+   * | `--vaadin-input-field-helper-line-height`        |
+   * | `--vaadin-input-field-label-color`               |
+   * | `--vaadin-input-field-label-font-size`           |
+   * | `--vaadin-input-field-label-font-weight`         |
+   * | `--vaadin-input-field-label-line-height`         |
+   * | `--vaadin-input-field-padding`                   |
+   * | `--vaadin-input-field-placeholder-color`         |
+   * | `--vaadin-input-field-required-indicator`        |
+   * | `--vaadin-input-field-required-indicator-color`  |
+   * | `--vaadin-input-field-top-end-radius`            |
+   * | `--vaadin-input-field-top-start-radius`          |
+   * | `--vaadin-input-field-value-color`               |
+   * | `--vaadin-input-field-value-font-size`           |
+   * | `--vaadin-input-field-value-font-weight`         |
+   * | `--vaadin-input-field-value-line-height`         |
+   * | `--vaadin-item-overlay-padding`                  |
+   * | `--vaadin-time-picker-overlay-max-height`        |
+   * | `--vaadin-time-picker-overlay-width`             |
+   *
    * ### Internal components
    *
    * In addition to `<vaadin-time-picker>` itself, the following internal
@@ -21889,11 +22390,6 @@ export type CustomElements = {
    * - `focus-ring`/`undefined`: Set when the element is keyboard focused
    * - `readonly`: Set when the element is readonly
    * - `opened`: Set when the overlay is opened
-   * - `<vaadin-time-picker>`/`undefined`: undefined
-   * - `<vaadin-time-picker-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
-   * - `change`/`undefined`: undefined
-   * - `unparsable-change`/`undefined`: undefined
    * - `value`: The time value for this element.
    *
    * Supported time formats are in ISO 8601:
@@ -22012,6 +22508,53 @@ export type CustomElements = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: undefined (default: `undefined`)
+   * - `--vaadin-time-picker-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-time-picker-overlay-width`: ### Internal components (default: `undefined`)
+   * - `<vaadin-time-picker>`: undefined (default: `undefined`)
+   * - `<vaadin-time-picker-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
+   * - `change`: undefined (default: `undefined`)
+   * - `unparsable-change`: undefined (default: `undefined`)
    */
   "vaadin-time-picker": Partial<
     TimePickerProps & BaseProps<TimePicker> & BaseEvents
@@ -22116,6 +22659,7 @@ export type CustomElementsSolidJs = {
    * - `--vaadin-button-border-color`: undefined (default: `undefined`)
    * - `--vaadin-button-border-radius`: undefined (default: `undefined`)
    * - `--vaadin-button-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-button-font-family`: undefined (default: `undefined`)
    * - `--vaadin-button-font-size`: undefined (default: `undefined`)
    * - `--vaadin-button-font-weight`: undefined (default: `undefined`)
    * - `--vaadin-button-gap`: undefined (default: `undefined`)
@@ -22362,7 +22906,6 @@ export type CustomElementsSolidJs = {
    * the `itemIdPath` is used to compare and identify the same item
    * in `selectedItem` and `filteredItems` (items given by the
    * `dataProvider` callback).
-   * - `__keepOverlayOpened`: undefined
    * - `invalid`: Set to true when the field is invalid.
    * - `manualValidation`: Set to true to enable manual validation mode. This mode disables automatic
    * constraint validation, allowing you to control the validation process yourself.
@@ -22450,9 +22993,6 @@ export type CustomElementsSolidJs = {
    * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip
    * - `focused`/`undefined`: Set when the element is focused
    * - `focus-ring`/`undefined`: Set when the element is keyboard focused
-   * - `<vaadin-combo-box>`/`undefined`: undefined
-   * - `<vaadin-combo-box-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
    * - `_boundOverlaySelectedItemChanged`: undefined (property only)
    * - `_boundOnClearButtonMouseDown`: undefined (property only)
    * - `_boundOnClick`: undefined (property only)
@@ -22506,6 +23046,51 @@ export type CustomElementsSolidJs = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-combo-box-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-combo-box-overlay-width`: undefined (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: ### Internal components (default: `undefined`)
+   * - `<vaadin-combo-box>`: undefined (default: `undefined`)
+   * - `<vaadin-combo-box-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
    */
   "or-vaadin-combo-box": Partial<
     OrVaadinComboBoxProps &
@@ -22705,14 +23290,6 @@ export type CustomElementsSolidJs = {
    * - `focused`/`undefined`: Set when the element is focused
    * - `focus-ring`/`undefined`: Set when the element is keyboard focused
    * - `week-numbers`/`undefined`: Set when week numbers are shown in the calendar
-   * - `<vaadin-date-picker>`/`undefined`: undefined
-   * - `<vaadin-date-picker-overlay-content>`/`undefined`: undefined
-   * - `<vaadin-date-picker-month-scroller>`/`undefined`: undefined
-   * - `<vaadin-date-picker-year-scroller>`/`undefined`: undefined
-   * - `<vaadin-date-picker-year>`/`undefined`: undefined
-   * - `<vaadin-month-calendar>`/`undefined`: undefined
-   * - `years-toggle-button`/`undefined`: Fullscreen mode years scroller toggle
-   * - `toolbar`/`undefined`: Toolbar with slotted buttons
    * - `_inputElementValue`: undefined (property only)
    * - `_boundOnClick`: undefined (property only)
    * - `_boundOnScroll`: undefined (property only)
@@ -22750,6 +23327,96 @@ export type CustomElementsSolidJs = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-date-picker-date-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-disabled-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-height`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-selected-background`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-selected-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-today-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-width`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-header-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-header-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-header-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-padding`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-overlay-width`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-toolbar-padding`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-week-divider-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-week-number-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-week-number-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-weekday-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-weekday-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-weekday-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-background`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-current-year-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-width`: undefined (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: ### Internal components (default: `undefined`)
+   * - `<vaadin-date-picker>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-overlay-content>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-month-scroller>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-year-scroller>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-year>`: undefined (default: `undefined`)
+   * - `<vaadin-month-calendar>`: undefined (default: `undefined`)
+   * - `years-toggle-button`: Fullscreen mode years scroller toggle (default: `undefined`)
+   * - `toolbar`: Toolbar with slotted buttons (default: `undefined`)
+   * - `desktop`: Set when the overlay content is in desktop mode (default: `undefined`)
+   * - `fullscreen`: Set when the overlay content is in fullscreen mode (default: `undefined`)
+   * - `years-visible`: Set when the year scroller is visible in fullscreen mode (default: `undefined`)
+   * - `month-header`: Month title (default: `undefined`)
+   * - `weekdays`: Weekday container (default: `undefined`)
+   * - `weekday`: Weekday element (default: `undefined`)
+   * - `week-numbers`: Week numbers container (default: `undefined`)
+   * - `week-number`: Week number element (default: `undefined`)
+   * - `date`: Date element (default: `undefined`)
+   * - `disabled`: Disabled date element (default: `undefined`)
+   * - `focused`: Focused date element (default: `undefined`)
+   * - `selected`: Selected date element (default: `undefined`)
+   * - `today`: Date element corresponding to the current day (default: `undefined`)
+   * - `past`: Date element corresponding to the date in the past (default: `undefined`)
+   * - `future`: Date element corresponding to the date in the future (default: `undefined`)
+   * - `year-number`: Year number (default: `undefined`)
+   * - `year-separator`: Year separator (default: `undefined`)
+   * - `change`: undefined (default: `undefined`)
+   * - `unparsable-change`: undefined (default: `undefined`)
    */
   "or-vaadin-date-picker": Partial<
     OrVaadinDatePickerProps &
@@ -23025,6 +23692,7 @@ export type CustomElementsSolidJs = {
    * - `--vaadin-dialog-title-font-size`: undefined (default: `undefined`)
    * - `--vaadin-dialog-title-font-weight`: undefined (default: `undefined`)
    * - `--vaadin-dialog-title-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-dialog-toolbar-gap`: undefined (default: `undefined`)
    * - `--vaadin-overlay-backdrop-background`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
    */
   "or-vaadin-dialog": Partial<
@@ -23406,15 +24074,6 @@ export type CustomElementsSolidJs = {
    * - `disabled`: If true, the user cannot interact with this element.
    * - `dir`: undefined
    * - `has-single-button`/`undefined`: Set when there is only one button visible
-   * - `<vaadin-menu-bar>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-button>`/`undefined`: undefined
-   * - `<vaadin-button>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-list-box>`/`undefined`: undefined
-   * - `<vaadin-list-box>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-submenu>`/`undefined`: undefined
-   * - `<vaadin-context-menu>`/`undefined`: undefined
    * - `__boundOnContextMenuKeydown`: undefined (property only)
    *
    * ## Events
@@ -23433,6 +24092,22 @@ export type CustomElementsSolidJs = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-menu-bar-gap`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
+   * - `<vaadin-menu-bar>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-button>`: undefined (default: `undefined`)
+   * - `<vaadin-button>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-submenu>`: undefined (default: `undefined`)
+   * - `<vaadin-context-menu>`: undefined (default: `undefined`)
+   * - `expanded`: Expanded parent item. (default: `undefined`)
    */
   "or-vaadin-menu-bar": Partial<
     OrVaadinMenuBarProps &
@@ -23588,14 +24263,57 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--vaadin-field-default-width`: Default width of the field (default: `undefined`)
-   * - `12em`: undefined (default: `undefined`)
-   * - `--vaadin-multi-select-combo-box-overlay-width`: Width of the overlay (default: `undefined`)
-   * - `auto`: undefined (default: `undefined`)
-   * - `--vaadin-multi-select-combo-box-overlay-max-height`: Max height of the overlay (default: `undefined`)
-   * - `65vh`: undefined (default: `undefined`)
-   * - `--vaadin-multi-select-combo-box-input-min-width`: Min width of the input (default: `undefined`)
-   * - `4em`: undefined (default: `undefined`)
+   * - `--vaadin-chip-background`: undefined (default: `undefined`)
+   * - `--vaadin-chip-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-chip-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-chip-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-chip-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-chip-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-chip-gap`: undefined (default: `undefined`)
+   * - `--vaadin-chip-height`: undefined (default: `undefined`)
+   * - `--vaadin-chip-padding`: undefined (default: `undefined`)
+   * - `--vaadin-chip-remove-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-chip-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-chip-min-width`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-chips-gap`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-input-min-width`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-overlay-width`: ### Internal components (default: `undefined`)
    * - `<vaadin-multi-select-combo-box>`: undefined (default: `undefined`)
    * - `<vaadin-multi-select-combo-box-chip>`: undefined (default: `undefined`)
    * - `<vaadin-multi-select-combo-box-item>`: undefined (default: `undefined`)
@@ -24089,13 +24807,6 @@ export type CustomElementsSolidJs = {
    * - `focused`/`undefined`: Set when the element is focused
    * - `focus-ring`/`undefined`: Set when the element is keyboard focused
    * - `phone`/`undefined`: Set when the overlay is shown in phone mode
-   * - `<vaadin-select>`/`undefined`: undefined
-   * - `<vaadin-select-value-button>`/`undefined`: undefined
-   * - `<vaadin-button>`/`undefined`: undefined
-   * - `<vaadin-select-list-box>`/`undefined`: undefined
-   * - `<vaadin-list-box>`/`undefined`: undefined
-   * - `<vaadin-select-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
    * - `_itemId`: undefined (property only)
    * - `_srLabelController`: undefined (property only)
    * - `slotName`: undefined (property only)
@@ -24139,6 +24850,54 @@ export type CustomElementsSolidJs = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: undefined (default: `undefined`)
+   * - `--vaadin-select-overlay-width`: ### Internal components (default: `undefined`)
+   * - `<vaadin-select>`: undefined (default: `undefined`)
+   * - `<vaadin-select-value-button>`: undefined (default: `undefined`)
+   * - `<vaadin-button>`: undefined (default: `undefined`)
+   * - `<vaadin-select-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-select-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
    */
   "or-vaadin-select": Partial<
     OrVaadinSelectProps &
@@ -24225,26 +24984,48 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--vaadin-field-default-width`: `--vaadin-input-field-error-color` (default: `undefined`)
-   * - `--vaadin-input-field-error-font-size`: `--vaadin-input-field-error-font-weight` (default: `undefined`)
-   * - `--vaadin-input-field-helper-color`: `--vaadin-input-field-helper-font-size` (default: `undefined`)
-   * - `--vaadin-input-field-helper-font-weight`: `--vaadin-input-field-label-color` (default: `undefined`)
-   * - `--vaadin-input-field-label-font-size`: `--vaadin-input-field-label-font-weight` (default: `undefined`)
-   * - `--vaadin-input-field-required-indicator`: `--vaadin-slider-bubble-arrow-size` (default: `undefined`)
-   * - `--vaadin-slider-bubble-background`: `--vaadin-slider-bubble-border-color` (default: `undefined`)
-   * - `--vaadin-slider-bubble-border-radius`: `--vaadin-slider-bubble-border-width` (default: `undefined`)
-   * - `--vaadin-slider-bubble-offset`: `--vaadin-slider-bubble-padding` (default: `undefined`)
-   * - `--vaadin-slider-bubble-shadow`: `--vaadin-slider-bubble-text-color` (default: `undefined`)
-   * - `--vaadin-slider-bubble-font-size`: `--vaadin-slider-bubble-font-weight` (default: `undefined`)
-   * - `--vaadin-slider-bubble-line-height`: `--vaadin-slider-fill-background` (default: `undefined`)
-   * - `--vaadin-slider-fill-border-color`: `--vaadin-slider-fill-border-width` (default: `undefined`)
-   * - `--vaadin-slider-marks-color`: `--vaadin-slider-marks-font-size` (default: `undefined`)
-   * - `--vaadin-slider-marks-font-weight`: `--vaadin-slider-thumb-border-color` (default: `undefined`)
-   * - `--vaadin-slider-thumb-border-radius`: `--vaadin-slider-thumb-border-width` (default: `undefined`)
-   * - `--vaadin-slider-thumb-cursor`: `--vaadin-slider-thumb-cursor-active` (default: `undefined`)
-   * - `--vaadin-slider-thumb-height`: `--vaadin-slider-thumb-width` (default: `undefined`)
-   * - `--vaadin-slider-track-background`: `--vaadin-slider-track-border-color` (default: `undefined`)
-   * - `--vaadin-slider-track-border-radius`: `--vaadin-slider-track-border-width` (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-arrow-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-arrow-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-offset`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-padding`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-shadow`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-cursor`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-cursor-active`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-height`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-width`: undefined (default: `undefined`)
    * - `--vaadin-slider-track-height`: In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts: (default: `undefined`)
    * - `overlay`: The overlay container (default: `undefined`)
    * - `content`: The overlay content (default: `undefined`)
@@ -24659,11 +25440,6 @@ export type CustomElementsSolidJs = {
    * - `invalid`/`undefined`: Set when the element is invalid
    * - `focused`/`undefined`: Set when the element is focused
    * - `focus-ring`/`undefined`: Set when the element is keyboard focused
-   * - `<vaadin-time-picker>`/`undefined`: undefined
-   * - `<vaadin-time-picker-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
-   * - `change`/`undefined`: undefined
-   * - `unparsable-change`/`undefined`: undefined
    * - `_boundOverlaySelectedItemChanged`: undefined (property only)
    * - `_boundOnClearButtonMouseDown`: undefined (property only)
    * - `_boundOnClick`: undefined (property only)
@@ -24702,44 +25478,91 @@ export type CustomElementsSolidJs = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
-   */
-  "or-vaadin-time-picker": Partial<
-    OrVaadinTimePickerProps &
-      OrVaadinTimePickerSolidJsProps &
-      BaseProps<OrVaadinTimePicker> &
-      BaseEvents
-  >;
-
-  /**
    *
+   * ## CSS Custom Properties
    *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `value`: An array containing values of the currently checked checkboxes.
+   * CSS variables available for styling the component.
    *
-   * The array is immutable so toggling checkboxes always results in
-   * creating a new array.
-   * - `readonly`: When true, the user cannot modify the value of the checkbox group.
-   * The difference between `disabled` and `readonly` is that in the
-   * read-only checkbox group, all the checkboxes are also read-only,
-   * and therefore remain focusable and announced by screen readers.
-   * - `ariaTarget`: A target element to which ARIA attributes are set.
-   * - `errorMessage`: Error to show when the field is invalid.
-   * - `helperText`: String used for the helper text.
-   * - `accessibleName`: String used to label the component to screen reader users.
-   * - `accessibleNameRef`: Id of the element used as label of the component to screen reader users.
-   * - `disabled`: If true, the user cannot interact with this element.
-   * - `dir`: undefined
-   * - `invalid`/`undefined`: Set when the element is invalid
-   * - `focused`/`undefined`: Set when the element is focused
-   * - `has-label`/`undefined`: Set when the element has a label
-   * - `has-value`/`undefined`: Set when the element has a value
-   * - `has-helper`/`undefined`: Set when the element has helper text
-   * - `has-error-message`/`undefined`: Set when the element has an error message
-   * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip
-   * - `_tooltipController`: undefined (property only)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: undefined (default: `undefined`)
+   * - `--vaadin-time-picker-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-time-picker-overlay-width`: ### Internal components (default: `undefined`)
+   * - `<vaadin-time-picker>`: undefined (default: `undefined`)
+   * - `<vaadin-time-picker-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
+   * - `change`: undefined (default: `undefined`)
+   * - `unparsable-change`: undefined (default: `undefined`)
+   */
+  "or-vaadin-time-picker": Partial<
+    OrVaadinTimePickerProps &
+      OrVaadinTimePickerSolidJsProps &
+      BaseProps<OrVaadinTimePicker> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `value`: An array containing values of the currently checked checkboxes.
+   *
+   * The array is immutable so toggling checkboxes always results in
+   * creating a new array.
+   * - `readonly`: When true, the user cannot modify the value of the checkbox group.
+   * The difference between `disabled` and `readonly` is that in the
+   * read-only checkbox group, all the checkboxes are also read-only,
+   * and therefore remain focusable and announced by screen readers.
+   * - `ariaTarget`: A target element to which ARIA attributes are set.
+   * - `errorMessage`: Error to show when the field is invalid.
+   * - `helperText`: String used for the helper text.
+   * - `accessibleName`: String used to label the component to screen reader users.
+   * - `accessibleNameRef`: Id of the element used as label of the component to screen reader users.
+   * - `disabled`: If true, the user cannot interact with this element.
+   * - `dir`: undefined
+   * - `invalid`/`undefined`: Set when the element is invalid
+   * - `focused`/`undefined`: Set when the element is focused
+   * - `has-label`/`undefined`: Set when the element has a label
+   * - `has-value`/`undefined`: Set when the element has a value
+   * - `has-helper`/`undefined`: Set when the element has helper text
+   * - `has-error-message`/`undefined`: Set when the element has an error message
+   * - `has-tooltip`/`undefined`: Set when the element has a slotted tooltip
+   * - `_tooltipController`: undefined (property only)
    * - `_fieldAriaController`: undefined (property only)
    * - `_helperController`: undefined (property only)
    * - `_errorController`: undefined (property only)
@@ -25031,6 +25854,7 @@ export type CustomElementsSolidJs = {
    * | `--vaadin-button-border-color`   |
    * | `--vaadin-button-border-radius`  |
    * | `--vaadin-button-border-width`   |
+   * | `--vaadin-button-font-family`    |
    * | `--vaadin-button-font-size`      |
    * | `--vaadin-button-font-weight`    |
    * | `--vaadin-button-gap`            |
@@ -25092,6 +25916,7 @@ export type CustomElementsSolidJs = {
    * - `--vaadin-button-border-color`: undefined (default: `undefined`)
    * - `--vaadin-button-border-radius`: undefined (default: `undefined`)
    * - `--vaadin-button-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-button-font-family`: undefined (default: `undefined`)
    * - `--vaadin-button-font-size`: undefined (default: `undefined`)
    * - `--vaadin-button-font-weight`: undefined (default: `undefined`)
    * - `--vaadin-button-gap`: undefined (default: `undefined`)
@@ -25687,14 +26512,6 @@ export type CustomElementsSolidJs = {
    *
    * ### Styling
    *
-   * The following custom properties are available for styling:
-   *
-   * Custom property                         | Description                | Default
-   * ----------------------------------------|----------------------------|---------
-   * `--vaadin-field-default-width`          | Default width of the field | `12em`
-   * `--vaadin-combo-box-overlay-width`      | Width of the overlay       | `auto`
-   * `--vaadin-combo-box-overlay-max-height` | Max height of the overlay  | `65vh`
-   *
    * The following shadow DOM parts are available for styling:
    *
    * Part name            | Description
@@ -25728,6 +26545,48 @@ export type CustomElementsSolidJs = {
    * `opened`             | Set when the overlay is opened
    * `loading`            | Set when loading items from the data provider
    *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property                                |
+   * :--------------------------------------------------|
+   * | `--vaadin-combo-box-overlay-max-height`          |
+   * | `--vaadin-combo-box-overlay-width`               |
+   * | `--vaadin-field-default-width`                   |
+   * | `--vaadin-input-field-background`                |
+   * | `--vaadin-input-field-border-color`              |
+   * | `--vaadin-input-field-border-radius`             |
+   * | `--vaadin-input-field-border-width`              |
+   * | `--vaadin-input-field-bottom-end-radius`         |
+   * | `--vaadin-input-field-bottom-start-radius`       |
+   * | `--vaadin-input-field-button-text-color`         |
+   * | `--vaadin-input-field-container-gap`             |
+   * | `--vaadin-input-field-disabled-background`       |
+   * | `--vaadin-input-field-disabled-text-color`       |
+   * | `--vaadin-input-field-error-color`               |
+   * | `--vaadin-input-field-error-font-size`           |
+   * | `--vaadin-input-field-error-font-weight`         |
+   * | `--vaadin-input-field-error-line-height`         |
+   * | `--vaadin-input-field-gap`                       |
+   * | `--vaadin-input-field-helper-color`              |
+   * | `--vaadin-input-field-helper-font-size`          |
+   * | `--vaadin-input-field-helper-font-weight`        |
+   * | `--vaadin-input-field-helper-line-height`        |
+   * | `--vaadin-input-field-label-color`               |
+   * | `--vaadin-input-field-label-font-size`           |
+   * | `--vaadin-input-field-label-font-weight`         |
+   * | `--vaadin-input-field-label-line-height`         |
+   * | `--vaadin-input-field-padding`                   |
+   * | `--vaadin-input-field-placeholder-color`         |
+   * | `--vaadin-input-field-required-indicator`        |
+   * | `--vaadin-input-field-required-indicator-color`  |
+   * | `--vaadin-input-field-top-end-radius`            |
+   * | `--vaadin-input-field-top-start-radius`          |
+   * | `--vaadin-input-field-value-color`               |
+   * | `--vaadin-input-field-value-font-size`           |
+   * | `--vaadin-input-field-value-font-weight`         |
+   * | `--vaadin-input-field-value-line-height`         |
+   * | `--vaadin-item-overlay-padding`                  |
+   *
    * ### Internal components
    *
    * In addition to `<vaadin-combo-box>` itself, the following internal
@@ -25754,9 +26613,6 @@ export type CustomElementsSolidJs = {
    * - `readonly`: Set when the element is readonly
    * - `opened`: Set when the overlay is opened
    * - `loading`: Set when loading items from the data provider
-   * - `<vaadin-combo-box>`/`undefined`: undefined
-   * - `<vaadin-combo-box-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
    * - `pageSize`: Number of items fetched at a time from the dataprovider.
    * - `size`: Total number of items.
    * - `dataProvider`: Function that provides items lazily. Receives arguments `params`, `callback`
@@ -25792,7 +26648,6 @@ export type CustomElementsSolidJs = {
    * the `itemIdPath` is used to compare and identify the same item
    * in `selectedItem` and `filteredItems` (items given by the
    * `dataProvider` callback).
-   * - `__keepOverlayOpened`: undefined
    * - `manualValidation`: Set to true to enable manual validation mode. This mode disables automatic
    * constraint validation, allowing you to control the validation process yourself.
    * You can still trigger constraint validation manually with the `validate()` method
@@ -25921,6 +26776,51 @@ export type CustomElementsSolidJs = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-combo-box-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-combo-box-overlay-width`: undefined (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: ### Internal components (default: `undefined`)
+   * - `<vaadin-combo-box>`: undefined (default: `undefined`)
+   * - `<vaadin-combo-box-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
    */
   "vaadin-combo-box": Partial<
     ComboBoxProps & ComboBoxSolidJsProps & BaseProps<ComboBox> & BaseEvents
@@ -26656,12 +27556,6 @@ export type CustomElementsSolidJs = {
    *
    * ### Styling
    *
-   * The following custom properties are available for styling:
-   *
-   * Custom property                | Description                | Default
-   * -------------------------------|----------------------------|---------
-   * `--vaadin-field-default-width` | Default width of the field | `12em`
-   *
    * The following shadow DOM parts are available for styling:
    *
    * Part name            | Description
@@ -26695,6 +27589,69 @@ export type CustomElementsSolidJs = {
    * `opened`             | Set when the overlay is opened
    * `week-numbers`       | Set when week numbers are shown in the calendar
    *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property                                        |
+   * :----------------------------------------------------------|
+   * | `--vaadin-date-picker-date-border-radius`                |
+   * | `--vaadin-date-picker-date-disabled-color`               |
+   * | `--vaadin-date-picker-date-height`                       |
+   * | `--vaadin-date-picker-date-selected-background`          |
+   * | `--vaadin-date-picker-date-selected-color`               |
+   * | `--vaadin-date-picker-date-today-color`                  |
+   * | `--vaadin-date-picker-date-width`                        |
+   * | `--vaadin-date-picker-month-header-color`                |
+   * | `--vaadin-date-picker-month-header-font-size`            |
+   * | `--vaadin-date-picker-month-header-font-weight`          |
+   * | `--vaadin-date-picker-month-padding`                     |
+   * | `--vaadin-date-picker-overlay-max-height`                |
+   * | `--vaadin-date-picker-overlay-width`                     |
+   * | `--vaadin-date-picker-toolbar-padding`                   |
+   * | `--vaadin-date-picker-week-divider-color`                |
+   * | `--vaadin-date-picker-week-number-color`                 |
+   * | `--vaadin-date-picker-week-number-font-size`             |
+   * | `--vaadin-date-picker-weekday-color`                     |
+   * | `--vaadin-date-picker-weekday-font-size`                 |
+   * | `--vaadin-date-picker-weekday-font-weight`               |
+   * | `--vaadin-date-picker-year-scroller-background`          |
+   * | `--vaadin-date-picker-year-scroller-border-color`        |
+   * | `--vaadin-date-picker-year-scroller-current-year-color`  |
+   * | `--vaadin-date-picker-year-scroller-width`               |
+   * | `--vaadin-field-default-width`                           |
+   * | `--vaadin-input-field-background`                        |
+   * | `--vaadin-input-field-border-color`                      |
+   * | `--vaadin-input-field-border-radius`                     |
+   * | `--vaadin-input-field-border-width`                      |
+   * | `--vaadin-input-field-bottom-end-radius`                 |
+   * | `--vaadin-input-field-bottom-start-radius`               |
+   * | `--vaadin-input-field-button-text-color`                 |
+   * | `--vaadin-input-field-container-gap`                     |
+   * | `--vaadin-input-field-disabled-background`               |
+   * | `--vaadin-input-field-disabled-text-color`               |
+   * | `--vaadin-input-field-error-color`                       |
+   * | `--vaadin-input-field-error-font-size`                   |
+   * | `--vaadin-input-field-error-font-weight`                 |
+   * | `--vaadin-input-field-error-line-height`                 |
+   * | `--vaadin-input-field-gap`                               |
+   * | `--vaadin-input-field-helper-color`                      |
+   * | `--vaadin-input-field-helper-font-size`                  |
+   * | `--vaadin-input-field-helper-font-weight`                |
+   * | `--vaadin-input-field-helper-line-height`                |
+   * | `--vaadin-input-field-label-color`                       |
+   * | `--vaadin-input-field-label-font-size`                   |
+   * | `--vaadin-input-field-label-font-weight`                 |
+   * | `--vaadin-input-field-label-line-height`                 |
+   * | `--vaadin-input-field-padding`                           |
+   * | `--vaadin-input-field-placeholder-color`                 |
+   * | `--vaadin-input-field-required-indicator`                |
+   * | `--vaadin-input-field-required-indicator-color`          |
+   * | `--vaadin-input-field-top-end-radius`                    |
+   * | `--vaadin-input-field-top-start-radius`                  |
+   * | `--vaadin-input-field-value-color`                       |
+   * | `--vaadin-input-field-value-font-size`                   |
+   * | `--vaadin-input-field-value-font-weight`                 |
+   * | `--vaadin-input-field-value-line-height`                 |
+   *
    * ### Internal components
    *
    * In addition to `<vaadin-date-picker>` itself, the following internal
@@ -26780,15 +27737,6 @@ export type CustomElementsSolidJs = {
    * - `readonly`: Set when the element is readonly
    * - `opened`: Set when the overlay is opened
    * - `week-numbers`/`undefined`: Set when week numbers are shown in the calendar
-   * - `<vaadin-date-picker>`/`undefined`: undefined
-   * - `<vaadin-date-picker-overlay-content>`/`undefined`: undefined
-   * - `<vaadin-date-picker-month-scroller>`/`undefined`: undefined
-   * - `<vaadin-date-picker-year-scroller>`/`undefined`: undefined
-   * - `<vaadin-date-picker-year>`/`undefined`: undefined
-   * - `<vaadin-month-calendar>`/`undefined`: undefined
-   * - `<vaadin-date-picker-overlay-content>`/`undefined`: undefined
-   * - `years-toggle-button`/`undefined`: Fullscreen mode years scroller toggle
-   * - `toolbar`/`undefined`: Toolbar with slotted buttons
    * - `_selectedDate`: The current selected date.
    * - `_focusedDate`: undefined
    * - `value`: Selected date.
@@ -26901,6 +27849,100 @@ export type CustomElementsSolidJs = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-date-picker-date-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-disabled-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-height`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-selected-background`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-selected-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-today-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-date-width`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-header-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-header-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-header-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-month-padding`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-overlay-width`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-toolbar-padding`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-week-divider-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-week-number-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-week-number-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-weekday-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-weekday-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-weekday-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-background`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-current-year-color`: undefined (default: `undefined`)
+   * - `--vaadin-date-picker-year-scroller-width`: undefined (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: ### Internal components (default: `undefined`)
+   * - `<vaadin-date-picker>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-overlay-content>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-month-scroller>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-year-scroller>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-year>`: undefined (default: `undefined`)
+   * - `<vaadin-month-calendar>`: undefined (default: `undefined`)
+   * - `<vaadin-date-picker-overlay-content>`: undefined (default: `undefined`)
+   * - `years-toggle-button`: Fullscreen mode years scroller toggle (default: `undefined`)
+   * - `toolbar`: Toolbar with slotted buttons (default: `undefined`)
+   * - `<vaadin-date-picker-overlay-content>`: undefined (default: `undefined`)
+   * - `desktop`: Set when the overlay content is in desktop mode (default: `undefined`)
+   * - `fullscreen`: Set when the overlay content is in fullscreen mode (default: `undefined`)
+   * - `years-visible`: Set when the year scroller is visible in fullscreen mode (default: `undefined`)
+   * - `<vaadin-month-calendar>`: undefined (default: `undefined`)
+   * - `month-header`: Month title (default: `undefined`)
+   * - `weekdays`: Weekday container (default: `undefined`)
+   * - `weekday`: Weekday element (default: `undefined`)
+   * - `week-numbers`: Week numbers container (default: `undefined`)
+   * - `week-number`: Week number element (default: `undefined`)
+   * - `date`: Date element (default: `undefined`)
+   * - `disabled`: Disabled date element (default: `undefined`)
+   * - `focused`: Focused date element (default: `undefined`)
+   * - `selected`: Selected date element (default: `undefined`)
+   * - `today`: Date element corresponding to the current day (default: `undefined`)
+   * - `past`: Date element corresponding to the date in the past (default: `undefined`)
+   * - `future`: Date element corresponding to the date in the future (default: `undefined`)
+   * - `<vaadin-date-picker-year>`: undefined (default: `undefined`)
+   * - `year-number`: Year number (default: `undefined`)
+   * - `year-separator`: Year separator (default: `undefined`)
+   * - `change`: undefined (default: `undefined`)
+   * - `unparsable-change`: undefined (default: `undefined`)
    */
   "vaadin-date-picker": Partial<
     DatePickerProps &
@@ -27275,6 +28317,7 @@ export type CustomElementsSolidJs = {
    * |`--vaadin-dialog-title-font-size`           |
    * |`--vaadin-dialog-title-font-weight`         |
    * |`--vaadin-dialog-title-line-height`         |
+   * |`--vaadin-dialog-toolbar-gap`               |
    * |`--vaadin-overlay-backdrop-background`      |
    *
    * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
@@ -27400,6 +28443,7 @@ export type CustomElementsSolidJs = {
    * - `--vaadin-dialog-title-font-size`: undefined (default: `undefined`)
    * - `--vaadin-dialog-title-font-weight`: undefined (default: `undefined`)
    * - `--vaadin-dialog-title-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-dialog-toolbar-gap`: undefined (default: `undefined`)
    * - `--vaadin-overlay-backdrop-background`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
    */
   "vaadin-dialog": Partial<
@@ -27449,11 +28493,12 @@ export type CustomElementsSolidJs = {
    *
    * The following custom CSS properties are available for styling:
    *
-   * Custom CSS property          | Description
-   * -----------------------------|-------------
-   * `--vaadin-icon-size`         | Size (width and height) of the icon
-   * `--vaadin-icon-stroke-width` | Stroke width of the SVG icon
-   * `--vaadin-icon-visual-size`  | Visual size of the icon
+   * Custom CSS property            |
+   * :------------------------------|
+   * | `--vaadin-icon-color`        |
+   * | `--vaadin-icon-size`         |
+   * | `--vaadin-icon-stroke-width` |
+   * | `--vaadin-icon-visual-size`  |
    *
    * The following state attributes are available for styling:
    *
@@ -27527,9 +28572,10 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--vaadin-icon-size`: Size (width and height) of the icon (default: `undefined`)
-   * - `--vaadin-icon-stroke-width`: Stroke width of the SVG icon (default: `undefined`)
-   * - `--vaadin-icon-visual-size`: Visual size of the icon (default: `undefined`)
+   * - `--vaadin-icon-color`: undefined (default: `undefined`)
+   * - `--vaadin-icon-size`: undefined (default: `undefined`)
+   * - `--vaadin-icon-stroke-width`: undefined (default: `undefined`)
+   * - `--vaadin-icon-visual-size`: The following state attributes are available for styling: (default: `undefined`)
    * - `has-tooltip`: Set when the icon has a slotted tooltip (default: `undefined`)
    */
   "vaadin-icon": Partial<
@@ -27820,6 +28866,7 @@ export type CustomElementsSolidJs = {
    * - `--vaadin-button-border-color`: undefined (default: `undefined`)
    * - `--vaadin-button-border-radius`: undefined (default: `undefined`)
    * - `--vaadin-button-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-button-font-family`: undefined (default: `undefined`)
    * - `--vaadin-button-font-size`: undefined (default: `undefined`)
    * - `--vaadin-button-font-weight`: undefined (default: `undefined`)
    * - `--vaadin-button-gap`: undefined (default: `undefined`)
@@ -28154,6 +29201,12 @@ export type CustomElementsSolidJs = {
    * `disabled`          | Set when the menu bar is disabled
    * `has-single-button` | Set when there is only one button visible
    *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property         |
+   * :---------------------------|
+   * | `--vaadin-menu-bar-gap`   |
+   *
    * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
    *
    * ### Internal components
@@ -28179,16 +29232,6 @@ export type CustomElementsSolidJs = {
    *
    * - `disabled`: Set when the menu bar is disabled
    * - `has-single-button`/`undefined`: Set when there is only one button visible
-   * - `<vaadin-menu-bar>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-button>`/`undefined`: undefined
-   * - `<vaadin-button>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-list-box>`/`undefined`: undefined
-   * - `<vaadin-list-box>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-submenu>`/`undefined`: undefined
-   * - `<vaadin-context-menu>`/`undefined`: undefined
-   * - `<vaadin-menu-bar-item>`/`undefined`: undefined
    * - `items`: Defines a hierarchical structure, where root level items represent menu bar buttons,
    * and `children` property configures a submenu with items to be opened below
    * the button on click, Enter, Space, Up and Down arrow keys.
@@ -28280,6 +29323,24 @@ export type CustomElementsSolidJs = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-menu-bar-gap`: See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. (default: `undefined`)
+   * - `<vaadin-menu-bar>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-button>`: undefined (default: `undefined`)
+   * - `<vaadin-button>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-submenu>`: undefined (default: `undefined`)
+   * - `<vaadin-context-menu>`: undefined (default: `undefined`)
+   * - `<vaadin-menu-bar-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
+   * - `expanded`: Expanded parent item. (default: `undefined`)
    */
   "vaadin-menu-bar": Partial<
     MenuBarProps & MenuBarSolidJsProps & BaseProps<MenuBar> & BaseEvents
@@ -28453,12 +29514,59 @@ export type CustomElementsSolidJs = {
    *
    * The following custom CSS properties are available for styling:
    *
-   * Custom property                                      | Description                | Default
-   * -----------------------------------------------------|----------------------------|--------
-   * `--vaadin-field-default-width`                       | Default width of the field | `12em`
-   * `--vaadin-multi-select-combo-box-overlay-width`      | Width of the overlay       | `auto`
-   * `--vaadin-multi-select-combo-box-overlay-max-height` | Max height of the overlay  | `65vh`
-   * `--vaadin-multi-select-combo-box-input-min-width`    | Min width of the input     | `4em`
+   * Custom CSS property                                     |
+   * :-------------------------------------------------------|
+   * | `--vaadin-chip-background`                            |
+   * | `--vaadin-chip-border-color`                          |
+   * | `--vaadin-chip-border-radius`                         |
+   * | `--vaadin-chip-border-width`                          |
+   * | `--vaadin-chip-font-size`                             |
+   * | `--vaadin-chip-font-weight`                           |
+   * | `--vaadin-chip-gap`                                   |
+   * | `--vaadin-chip-height`                                |
+   * | `--vaadin-chip-padding`                               |
+   * | `--vaadin-chip-remove-button-text-color`              |
+   * | `--vaadin-chip-text-color`                            |
+   * | `--vaadin-field-default-width`                        |
+   * | `--vaadin-input-field-background`                     |
+   * | `--vaadin-input-field-border-color`                   |
+   * | `--vaadin-input-field-border-radius`                  |
+   * | `--vaadin-input-field-border-width`                   |
+   * | `--vaadin-input-field-bottom-end-radius`              |
+   * | `--vaadin-input-field-bottom-start-radius`            |
+   * | `--vaadin-input-field-button-text-color`              |
+   * | `--vaadin-input-field-container-gap`                  |
+   * | `--vaadin-input-field-disabled-background`            |
+   * | `--vaadin-input-field-disabled-text-color`            |
+   * | `--vaadin-input-field-error-color`                    |
+   * | `--vaadin-input-field-error-font-size`                |
+   * | `--vaadin-input-field-error-font-weight`              |
+   * | `--vaadin-input-field-error-line-height`              |
+   * | `--vaadin-input-field-gap`                            |
+   * | `--vaadin-input-field-helper-color`                   |
+   * | `--vaadin-input-field-helper-font-size`               |
+   * | `--vaadin-input-field-helper-font-weight`             |
+   * | `--vaadin-input-field-helper-line-height`             |
+   * | `--vaadin-input-field-label-color`                    |
+   * | `--vaadin-input-field-label-font-size`                |
+   * | `--vaadin-input-field-label-font-weight`              |
+   * | `--vaadin-input-field-label-line-height`              |
+   * | `--vaadin-input-field-padding`                        |
+   * | `--vaadin-input-field-placeholder-color`              |
+   * | `--vaadin-input-field-required-indicator`             |
+   * | `--vaadin-input-field-required-indicator-color`       |
+   * | `--vaadin-input-field-top-end-radius`                 |
+   * | `--vaadin-input-field-top-start-radius`               |
+   * | `--vaadin-input-field-value-color`                    |
+   * | `--vaadin-input-field-value-font-size`                |
+   * | `--vaadin-input-field-value-font-weight`              |
+   * | `--vaadin-input-field-value-line-height`              |
+   * | `--vaadin-item-overlay-padding`                       |
+   * | `--vaadin-multi-select-combo-box-chip-min-width`      |
+   * | `--vaadin-multi-select-combo-box-chips-gap`           |
+   * | `--vaadin-multi-select-combo-box-input-min-width`     |
+   * | `--vaadin-multi-select-combo-box-overlay-max-height`  |
+   * | `--vaadin-multi-select-combo-box-overlay-width`       |
    *
    * ### Internal components
    *
@@ -28614,14 +29722,57 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--vaadin-field-default-width`: Default width of the field (default: `undefined`)
-   * - `12em`: undefined (default: `undefined`)
-   * - `--vaadin-multi-select-combo-box-overlay-width`: Width of the overlay (default: `undefined`)
-   * - `auto`: undefined (default: `undefined`)
-   * - `--vaadin-multi-select-combo-box-overlay-max-height`: Max height of the overlay (default: `undefined`)
-   * - `65vh`: undefined (default: `undefined`)
-   * - `--vaadin-multi-select-combo-box-input-min-width`: Min width of the input (default: `undefined`)
-   * - `4em`: undefined (default: `undefined`)
+   * - `--vaadin-chip-background`: undefined (default: `undefined`)
+   * - `--vaadin-chip-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-chip-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-chip-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-chip-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-chip-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-chip-gap`: undefined (default: `undefined`)
+   * - `--vaadin-chip-height`: undefined (default: `undefined`)
+   * - `--vaadin-chip-padding`: undefined (default: `undefined`)
+   * - `--vaadin-chip-remove-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-chip-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-chip-min-width`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-chips-gap`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-input-min-width`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-multi-select-combo-box-overlay-width`: ### Internal components (default: `undefined`)
    * - `<vaadin-multi-select-combo-box>`: undefined (default: `undefined`)
    * - `<vaadin-multi-select-combo-box-chip>`: undefined (default: `undefined`)
    * - `<vaadin-multi-select-combo-box-item>`: undefined (default: `undefined`)
@@ -29721,13 +30872,6 @@ export type CustomElementsSolidJs = {
    *
    * ### Styling
    *
-   * The following custom properties are available for styling:
-   *
-   * Custom property                  | Description                 | Default
-   * ---------------------------------|-----------------------------|--------
-   * `--vaadin-field-default-width`   | Default width of the field  | `12em`
-   * `--vaadin-select-overlay-width`  | Width of the overlay        |
-   *
    * The following shadow DOM parts are available for styling:
    *
    * Part name            | Description
@@ -29759,12 +30903,53 @@ export type CustomElementsSolidJs = {
    * `opened`             | Set when the overlay is opened
    * `phone`              | Set when the overlay is shown in phone mode
    *
-   * ### Internal components
-   *
-   * In addition to `<vaadin-select>` itself, the following internal
-   * components are themable:
+   * The following custom CSS properties are available for styling:
    *
-   * - `<vaadin-select-value-button>` - has the same API as [`<vaadin-button>`](#/elements/vaadin-button).
+   * Custom CSS property                                |
+   * :--------------------------------------------------|
+   * | `--vaadin-field-default-width`                   |
+   * | `--vaadin-input-field-background`                |
+   * | `--vaadin-input-field-border-color`              |
+   * | `--vaadin-input-field-border-radius`             |
+   * | `--vaadin-input-field-border-width`              |
+   * | `--vaadin-input-field-bottom-end-radius`         |
+   * | `--vaadin-input-field-bottom-start-radius`       |
+   * | `--vaadin-input-field-button-text-color`         |
+   * | `--vaadin-input-field-container-gap`             |
+   * | `--vaadin-input-field-disabled-background`       |
+   * | `--vaadin-input-field-disabled-text-color`       |
+   * | `--vaadin-input-field-error-color`               |
+   * | `--vaadin-input-field-error-font-size`           |
+   * | `--vaadin-input-field-error-font-weight`         |
+   * | `--vaadin-input-field-error-line-height`         |
+   * | `--vaadin-input-field-gap`                       |
+   * | `--vaadin-input-field-helper-color`              |
+   * | `--vaadin-input-field-helper-font-size`          |
+   * | `--vaadin-input-field-helper-font-weight`        |
+   * | `--vaadin-input-field-helper-line-height`        |
+   * | `--vaadin-input-field-label-color`               |
+   * | `--vaadin-input-field-label-font-size`           |
+   * | `--vaadin-input-field-label-font-weight`         |
+   * | `--vaadin-input-field-label-line-height`         |
+   * | `--vaadin-input-field-padding`                   |
+   * | `--vaadin-input-field-placeholder-color`         |
+   * | `--vaadin-input-field-required-indicator`        |
+   * | `--vaadin-input-field-required-indicator-color`  |
+   * | `--vaadin-input-field-top-end-radius`            |
+   * | `--vaadin-input-field-top-start-radius`          |
+   * | `--vaadin-input-field-value-color`               |
+   * | `--vaadin-input-field-value-font-size`           |
+   * | `--vaadin-input-field-value-font-weight`         |
+   * | `--vaadin-input-field-value-line-height`         |
+   * | `--vaadin-item-overlay-padding`                  |
+   * | `--vaadin-select-overlay-width`                  |
+   *
+   * ### Internal components
+   *
+   * In addition to `<vaadin-select>` itself, the following internal
+   * components are themable:
+   *
+   * - `<vaadin-select-value-button>` - has the same API as [`<vaadin-button>`](#/elements/vaadin-button).
    * - `<vaadin-select-list-box>` - has the same API as [`<vaadin-list-box>`](#/elements/vaadin-list-box).
    * - `<vaadin-select-item>` - has the same API as [`<vaadin-item>`](#/elements/vaadin-item).
    *
@@ -29785,13 +30970,6 @@ export type CustomElementsSolidJs = {
    * - `readonly`: Set when the element is readonly
    * - `opened`: Set when the overlay is opened
    * - `phone`/`undefined`: Set when the overlay is shown in phone mode
-   * - `<vaadin-select>`/`undefined`: undefined
-   * - `<vaadin-select-value-button>`/`undefined`: undefined
-   * - `<vaadin-button>`/`undefined`: undefined
-   * - `<vaadin-select-list-box>`/`undefined`: undefined
-   * - `<vaadin-list-box>`/`undefined`: undefined
-   * - `<vaadin-select-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
    * - `items`: An array containing items that will be rendered as the options of the select.
    *
    * #### Example
@@ -29900,6 +31078,54 @@ export type CustomElementsSolidJs = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: undefined (default: `undefined`)
+   * - `--vaadin-select-overlay-width`: ### Internal components (default: `undefined`)
+   * - `<vaadin-select>`: undefined (default: `undefined`)
+   * - `<vaadin-select-value-button>`: undefined (default: `undefined`)
+   * - `<vaadin-button>`: undefined (default: `undefined`)
+   * - `<vaadin-select-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-list-box>`: undefined (default: `undefined`)
+   * - `<vaadin-select-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
    */
   "vaadin-select": Partial<
     SelectProps & SelectSolidJsProps & BaseProps<Select> & BaseEvents
@@ -29948,49 +31174,51 @@ export type CustomElementsSolidJs = {
    *
    * The following custom CSS properties are available for styling:
    *
-   * Custom CSS property                          |
-   * :--------------------------------------------|
-   * `--vaadin-field-default-width`               |
-   * `--vaadin-input-field-error-color`           |
-   * `--vaadin-input-field-error-font-size`       |
-   * `--vaadin-input-field-error-font-weight`     |
-   * `--vaadin-input-field-helper-color`          |
-   * `--vaadin-input-field-helper-font-size`      |
-   * `--vaadin-input-field-helper-font-weight`    |
-   * `--vaadin-input-field-label-color`           |
-   * `--vaadin-input-field-label-font-size`       |
-   * `--vaadin-input-field-label-font-weight`     |
-   * `--vaadin-input-field-required-indicator`    |
-   * `--vaadin-slider-bubble-arrow-size`          |
-   * `--vaadin-slider-bubble-background`          |
-   * `--vaadin-slider-bubble-border-color`        |
-   * `--vaadin-slider-bubble-border-radius`       |
-   * `--vaadin-slider-bubble-border-width`        |
-   * `--vaadin-slider-bubble-offset`              |
-   * `--vaadin-slider-bubble-padding`             |
-   * `--vaadin-slider-bubble-shadow`              |
-   * `--vaadin-slider-bubble-text-color`          |
-   * `--vaadin-slider-bubble-font-size`           |
-   * `--vaadin-slider-bubble-font-weight`         |
-   * `--vaadin-slider-bubble-line-height`         |
-   * `--vaadin-slider-fill-background`            |
-   * `--vaadin-slider-fill-border-color`          |
-   * `--vaadin-slider-fill-border-width`          |
-   * `--vaadin-slider-marks-color`                |
-   * `--vaadin-slider-marks-font-size`            |
-   * `--vaadin-slider-marks-font-weight`          |
-   * `--vaadin-slider-thumb-border-color`         |
-   * `--vaadin-slider-thumb-border-radius`        |
-   * `--vaadin-slider-thumb-border-width`         |
-   * `--vaadin-slider-thumb-cursor`               |
-   * `--vaadin-slider-thumb-cursor-active`        |
-   * `--vaadin-slider-thumb-height`               |
-   * `--vaadin-slider-thumb-width`                |
-   * `--vaadin-slider-track-background`           |
-   * `--vaadin-slider-track-border-color`         |
-   * `--vaadin-slider-track-border-radius`        |
-   * `--vaadin-slider-track-border-width`         |
-   * `--vaadin-slider-track-height`               |
+   * Custom CSS property                              |
+   * :------------------------------------------------|
+   * | `--vaadin-field-default-width`                 |
+   * | `--vaadin-input-field-error-color`             |
+   * | `--vaadin-input-field-error-font-size`         |
+   * | `--vaadin-input-field-error-font-weight`       |
+   * | `--vaadin-input-field-helper-color`            |
+   * | `--vaadin-input-field-helper-font-size`        |
+   * | `--vaadin-input-field-helper-font-weight`      |
+   * | `--vaadin-input-field-label-color`             |
+   * | `--vaadin-input-field-label-font-size`         |
+   * | `--vaadin-input-field-label-font-weight`       |
+   * | `--vaadin-input-field-required-indicator`      |
+   * | `--vaadin-slider-bubble-arrow-border-radius`   |
+   * | `--vaadin-slider-bubble-arrow-size`            |
+   * | `--vaadin-slider-bubble-background`            |
+   * | `--vaadin-slider-bubble-border-color`          |
+   * | `--vaadin-slider-bubble-border-radius`         |
+   * | `--vaadin-slider-bubble-border-width`          |
+   * | `--vaadin-slider-bubble-font-size`             |
+   * | `--vaadin-slider-bubble-font-weight`           |
+   * | `--vaadin-slider-bubble-line-height`           |
+   * | `--vaadin-slider-bubble-offset`                |
+   * | `--vaadin-slider-bubble-padding`               |
+   * | `--vaadin-slider-bubble-shadow`                |
+   * | `--vaadin-slider-bubble-text-color`            |
+   * | `--vaadin-slider-fill-background`              |
+   * | `--vaadin-slider-fill-border-color`            |
+   * | `--vaadin-slider-fill-border-width`            |
+   * | `--vaadin-slider-marks-color`                  |
+   * | `--vaadin-slider-marks-font-size`              |
+   * | `--vaadin-slider-marks-font-weight`            |
+   * | `--vaadin-slider-thumb-background`             |
+   * | `--vaadin-slider-thumb-border-color`           |
+   * | `--vaadin-slider-thumb-border-radius`          |
+   * | `--vaadin-slider-thumb-border-width`           |
+   * | `--vaadin-slider-thumb-cursor`                 |
+   * | `--vaadin-slider-thumb-cursor-active`          |
+   * | `--vaadin-slider-thumb-height`                 |
+   * | `--vaadin-slider-thumb-width`                  |
+   * | `--vaadin-slider-track-background`             |
+   * | `--vaadin-slider-track-border-color`           |
+   * | `--vaadin-slider-track-border-radius`          |
+   * | `--vaadin-slider-track-border-width`           |
+   * | `--vaadin-slider-track-height`                 |
    *
    * In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts:
    *
@@ -30087,26 +31315,48 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--vaadin-field-default-width`: `--vaadin-input-field-error-color` (default: `undefined`)
-   * - `--vaadin-input-field-error-font-size`: `--vaadin-input-field-error-font-weight` (default: `undefined`)
-   * - `--vaadin-input-field-helper-color`: `--vaadin-input-field-helper-font-size` (default: `undefined`)
-   * - `--vaadin-input-field-helper-font-weight`: `--vaadin-input-field-label-color` (default: `undefined`)
-   * - `--vaadin-input-field-label-font-size`: `--vaadin-input-field-label-font-weight` (default: `undefined`)
-   * - `--vaadin-input-field-required-indicator`: `--vaadin-slider-bubble-arrow-size` (default: `undefined`)
-   * - `--vaadin-slider-bubble-background`: `--vaadin-slider-bubble-border-color` (default: `undefined`)
-   * - `--vaadin-slider-bubble-border-radius`: `--vaadin-slider-bubble-border-width` (default: `undefined`)
-   * - `--vaadin-slider-bubble-offset`: `--vaadin-slider-bubble-padding` (default: `undefined`)
-   * - `--vaadin-slider-bubble-shadow`: `--vaadin-slider-bubble-text-color` (default: `undefined`)
-   * - `--vaadin-slider-bubble-font-size`: `--vaadin-slider-bubble-font-weight` (default: `undefined`)
-   * - `--vaadin-slider-bubble-line-height`: `--vaadin-slider-fill-background` (default: `undefined`)
-   * - `--vaadin-slider-fill-border-color`: `--vaadin-slider-fill-border-width` (default: `undefined`)
-   * - `--vaadin-slider-marks-color`: `--vaadin-slider-marks-font-size` (default: `undefined`)
-   * - `--vaadin-slider-marks-font-weight`: `--vaadin-slider-thumb-border-color` (default: `undefined`)
-   * - `--vaadin-slider-thumb-border-radius`: `--vaadin-slider-thumb-border-width` (default: `undefined`)
-   * - `--vaadin-slider-thumb-cursor`: `--vaadin-slider-thumb-cursor-active` (default: `undefined`)
-   * - `--vaadin-slider-thumb-height`: `--vaadin-slider-thumb-width` (default: `undefined`)
-   * - `--vaadin-slider-track-background`: `--vaadin-slider-track-border-color` (default: `undefined`)
-   * - `--vaadin-slider-track-border-radius`: `--vaadin-slider-track-border-width` (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-arrow-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-arrow-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-offset`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-padding`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-shadow`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-cursor`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-cursor-active`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-height`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-width`: undefined (default: `undefined`)
    * - `--vaadin-slider-track-height`: In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts: (default: `undefined`)
    * - `overlay`: The overlay container (default: `undefined`)
    * - `content`: The overlay content (default: `undefined`)
@@ -30287,49 +31537,51 @@ export type CustomElementsSolidJs = {
    *
    * The following custom CSS properties are available for styling:
    *
-   * Custom CSS property                          |
-   * :--------------------------------------------|
-   * `--vaadin-field-default-width`               |
-   * `--vaadin-input-field-error-color`           |
-   * `--vaadin-input-field-error-font-size`       |
-   * `--vaadin-input-field-error-font-weight`     |
-   * `--vaadin-input-field-helper-color`          |
-   * `--vaadin-input-field-helper-font-size`      |
-   * `--vaadin-input-field-helper-font-weight`    |
-   * `--vaadin-input-field-label-color`           |
-   * `--vaadin-input-field-label-font-size`       |
-   * `--vaadin-input-field-label-font-weight`     |
-   * `--vaadin-input-field-required-indicator`    |
-   * `--vaadin-slider-bubble-arrow-size`          |
-   * `--vaadin-slider-bubble-background`          |
-   * `--vaadin-slider-bubble-border-color`        |
-   * `--vaadin-slider-bubble-border-radius`       |
-   * `--vaadin-slider-bubble-border-width`        |
-   * `--vaadin-slider-bubble-offset`              |
-   * `--vaadin-slider-bubble-padding`             |
-   * `--vaadin-slider-bubble-shadow`              |
-   * `--vaadin-slider-bubble-text-color`          |
-   * `--vaadin-slider-bubble-font-size`           |
-   * `--vaadin-slider-bubble-font-weight`         |
-   * `--vaadin-slider-bubble-line-height`         |
-   * `--vaadin-slider-fill-background`            |
-   * `--vaadin-slider-fill-border-color`          |
-   * `--vaadin-slider-fill-border-width`          |
-   * `--vaadin-slider-marks-color`                |
-   * `--vaadin-slider-marks-font-size`            |
-   * `--vaadin-slider-marks-font-weight`          |
-   * `--vaadin-slider-thumb-border-color`         |
-   * `--vaadin-slider-thumb-border-radius`        |
-   * `--vaadin-slider-thumb-border-width`         |
-   * `--vaadin-slider-thumb-cursor`               |
-   * `--vaadin-slider-thumb-cursor-active`        |
-   * `--vaadin-slider-thumb-height`               |
-   * `--vaadin-slider-thumb-width`                |
-   * `--vaadin-slider-track-background`           |
-   * `--vaadin-slider-track-border-color`         |
-   * `--vaadin-slider-track-border-radius`        |
-   * `--vaadin-slider-track-border-width`         |
-   * `--vaadin-slider-track-height`               |
+   * Custom CSS property                              |
+   * :------------------------------------------------|
+   * | `--vaadin-field-default-width`                 |
+   * | `--vaadin-input-field-error-color`             |
+   * | `--vaadin-input-field-error-font-size`         |
+   * | `--vaadin-input-field-error-font-weight`       |
+   * | `--vaadin-input-field-helper-color`            |
+   * | `--vaadin-input-field-helper-font-size`        |
+   * | `--vaadin-input-field-helper-font-weight`      |
+   * | `--vaadin-input-field-label-color`             |
+   * | `--vaadin-input-field-label-font-size`         |
+   * | `--vaadin-input-field-label-font-weight`       |
+   * | `--vaadin-input-field-required-indicator`      |
+   * | `--vaadin-slider-bubble-arrow-border-radius`   |
+   * | `--vaadin-slider-bubble-arrow-size`            |
+   * | `--vaadin-slider-bubble-background`            |
+   * | `--vaadin-slider-bubble-border-color`          |
+   * | `--vaadin-slider-bubble-border-radius`         |
+   * | `--vaadin-slider-bubble-border-width`          |
+   * | `--vaadin-slider-bubble-font-size`             |
+   * | `--vaadin-slider-bubble-font-weight`           |
+   * | `--vaadin-slider-bubble-line-height`           |
+   * | `--vaadin-slider-bubble-offset`                |
+   * | `--vaadin-slider-bubble-padding`               |
+   * | `--vaadin-slider-bubble-shadow`                |
+   * | `--vaadin-slider-bubble-text-color`            |
+   * | `--vaadin-slider-fill-background`              |
+   * | `--vaadin-slider-fill-border-color`            |
+   * | `--vaadin-slider-fill-border-width`            |
+   * | `--vaadin-slider-marks-color`                  |
+   * | `--vaadin-slider-marks-font-size`              |
+   * | `--vaadin-slider-marks-font-weight`            |
+   * | `--vaadin-slider-thumb-background`             |
+   * | `--vaadin-slider-thumb-border-color`           |
+   * | `--vaadin-slider-thumb-border-radius`          |
+   * | `--vaadin-slider-thumb-border-width`           |
+   * | `--vaadin-slider-thumb-cursor`                 |
+   * | `--vaadin-slider-thumb-cursor-active`          |
+   * | `--vaadin-slider-thumb-height`                 |
+   * | `--vaadin-slider-thumb-width`                  |
+   * | `--vaadin-slider-track-background`             |
+   * | `--vaadin-slider-track-border-color`           |
+   * | `--vaadin-slider-track-border-radius`          |
+   * | `--vaadin-slider-track-border-width`           |
+   * | `--vaadin-slider-track-height`                 |
    *
    * In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts:
    *
@@ -30414,26 +31666,48 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--vaadin-field-default-width`: `--vaadin-input-field-error-color` (default: `undefined`)
-   * - `--vaadin-input-field-error-font-size`: `--vaadin-input-field-error-font-weight` (default: `undefined`)
-   * - `--vaadin-input-field-helper-color`: `--vaadin-input-field-helper-font-size` (default: `undefined`)
-   * - `--vaadin-input-field-helper-font-weight`: `--vaadin-input-field-label-color` (default: `undefined`)
-   * - `--vaadin-input-field-label-font-size`: `--vaadin-input-field-label-font-weight` (default: `undefined`)
-   * - `--vaadin-input-field-required-indicator`: `--vaadin-slider-bubble-arrow-size` (default: `undefined`)
-   * - `--vaadin-slider-bubble-background`: `--vaadin-slider-bubble-border-color` (default: `undefined`)
-   * - `--vaadin-slider-bubble-border-radius`: `--vaadin-slider-bubble-border-width` (default: `undefined`)
-   * - `--vaadin-slider-bubble-offset`: `--vaadin-slider-bubble-padding` (default: `undefined`)
-   * - `--vaadin-slider-bubble-shadow`: `--vaadin-slider-bubble-text-color` (default: `undefined`)
-   * - `--vaadin-slider-bubble-font-size`: `--vaadin-slider-bubble-font-weight` (default: `undefined`)
-   * - `--vaadin-slider-bubble-line-height`: `--vaadin-slider-fill-background` (default: `undefined`)
-   * - `--vaadin-slider-fill-border-color`: `--vaadin-slider-fill-border-width` (default: `undefined`)
-   * - `--vaadin-slider-marks-color`: `--vaadin-slider-marks-font-size` (default: `undefined`)
-   * - `--vaadin-slider-marks-font-weight`: `--vaadin-slider-thumb-border-color` (default: `undefined`)
-   * - `--vaadin-slider-thumb-border-radius`: `--vaadin-slider-thumb-border-width` (default: `undefined`)
-   * - `--vaadin-slider-thumb-cursor`: `--vaadin-slider-thumb-cursor-active` (default: `undefined`)
-   * - `--vaadin-slider-thumb-height`: `--vaadin-slider-thumb-width` (default: `undefined`)
-   * - `--vaadin-slider-track-background`: `--vaadin-slider-track-border-color` (default: `undefined`)
-   * - `--vaadin-slider-track-border-radius`: `--vaadin-slider-track-border-width` (default: `undefined`)
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-arrow-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-arrow-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-offset`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-padding`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-shadow`: undefined (default: `undefined`)
+   * - `--vaadin-slider-bubble-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-fill-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-slider-marks-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-cursor`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-cursor-active`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-height`: undefined (default: `undefined`)
+   * - `--vaadin-slider-thumb-width`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-background`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-slider-track-border-width`: undefined (default: `undefined`)
    * - `--vaadin-slider-track-height`: In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts: (default: `undefined`)
    * - `overlay`: The overlay container (default: `undefined`)
    * - `content`: The overlay content (default: `undefined`)
@@ -31033,14 +32307,6 @@ export type CustomElementsSolidJs = {
    *
    * ### Styling
    *
-   * The following custom properties are available for styling:
-   *
-   * Custom property                          | Description                | Default
-   * -----------------------------------------|----------------------------|---------
-   * `--vaadin-field-default-width`           | Default width of the field | `12em`
-   * `--vaadin-time-picker-overlay-width`     | Width of the overlay       | `auto`
-   * `--vaadin-time-picker-overlay-max-height`| Max height of the overlay  | `65vh`
-   *
    * The following shadow DOM parts are available for styling:
    *
    * Part name            | Description
@@ -31072,6 +32338,48 @@ export type CustomElementsSolidJs = {
    * `readonly`           | Set when the element is readonly
    * `opened`             | Set when the overlay is opened
    *
+   * The following custom CSS properties are available for styling:
+   *
+   * Custom CSS property                                |
+   * :--------------------------------------------------|
+   * | `--vaadin-field-default-width`                   |
+   * | `--vaadin-input-field-background`                |
+   * | `--vaadin-input-field-border-color`              |
+   * | `--vaadin-input-field-border-radius`             |
+   * | `--vaadin-input-field-border-width`              |
+   * | `--vaadin-input-field-bottom-end-radius`         |
+   * | `--vaadin-input-field-bottom-start-radius`       |
+   * | `--vaadin-input-field-button-text-color`         |
+   * | `--vaadin-input-field-container-gap`             |
+   * | `--vaadin-input-field-disabled-background`       |
+   * | `--vaadin-input-field-disabled-text-color`       |
+   * | `--vaadin-input-field-error-color`               |
+   * | `--vaadin-input-field-error-font-size`           |
+   * | `--vaadin-input-field-error-font-weight`         |
+   * | `--vaadin-input-field-error-line-height`         |
+   * | `--vaadin-input-field-gap`                       |
+   * | `--vaadin-input-field-helper-color`              |
+   * | `--vaadin-input-field-helper-font-size`          |
+   * | `--vaadin-input-field-helper-font-weight`        |
+   * | `--vaadin-input-field-helper-line-height`        |
+   * | `--vaadin-input-field-label-color`               |
+   * | `--vaadin-input-field-label-font-size`           |
+   * | `--vaadin-input-field-label-font-weight`         |
+   * | `--vaadin-input-field-label-line-height`         |
+   * | `--vaadin-input-field-padding`                   |
+   * | `--vaadin-input-field-placeholder-color`         |
+   * | `--vaadin-input-field-required-indicator`        |
+   * | `--vaadin-input-field-required-indicator-color`  |
+   * | `--vaadin-input-field-top-end-radius`            |
+   * | `--vaadin-input-field-top-start-radius`          |
+   * | `--vaadin-input-field-value-color`               |
+   * | `--vaadin-input-field-value-font-size`           |
+   * | `--vaadin-input-field-value-font-weight`         |
+   * | `--vaadin-input-field-value-line-height`         |
+   * | `--vaadin-item-overlay-padding`                  |
+   * | `--vaadin-time-picker-overlay-max-height`        |
+   * | `--vaadin-time-picker-overlay-width`             |
+   *
    * ### Internal components
    *
    * In addition to `<vaadin-time-picker>` itself, the following internal
@@ -31112,11 +32420,6 @@ export type CustomElementsSolidJs = {
    * - `focus-ring`/`undefined`: Set when the element is keyboard focused
    * - `readonly`: Set when the element is readonly
    * - `opened`: Set when the overlay is opened
-   * - `<vaadin-time-picker>`/`undefined`: undefined
-   * - `<vaadin-time-picker-item>`/`undefined`: undefined
-   * - `<vaadin-item>`/`undefined`: undefined
-   * - `change`/`undefined`: undefined
-   * - `unparsable-change`/`undefined`: undefined
    * - `value`: The time value for this element.
    *
    * Supported time formats are in ISO 8601:
@@ -31235,6 +32538,53 @@ export type CustomElementsSolidJs = {
    * - `getOrCreateMap(name) => void`: undefined
    * - `addCheckedInitializer(initializer) => void`: undefined
    * - `getPropertyDescriptor(name, key, options) => void`: undefined
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--vaadin-field-default-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-border-width`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-bottom-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-button-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-container-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-background`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-disabled-text-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-error-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-gap`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-helper-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-label-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-padding`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-placeholder-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-required-indicator-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-end-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-top-start-radius`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-color`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-size`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-font-weight`: undefined (default: `undefined`)
+   * - `--vaadin-input-field-value-line-height`: undefined (default: `undefined`)
+   * - `--vaadin-item-overlay-padding`: undefined (default: `undefined`)
+   * - `--vaadin-time-picker-overlay-max-height`: undefined (default: `undefined`)
+   * - `--vaadin-time-picker-overlay-width`: ### Internal components (default: `undefined`)
+   * - `<vaadin-time-picker>`: undefined (default: `undefined`)
+   * - `<vaadin-time-picker-item>`: undefined (default: `undefined`)
+   * - `<vaadin-item>`: undefined (default: `undefined`)
+   * - `change`: undefined (default: `undefined`)
+   * - `unparsable-change`: undefined (default: `undefined`)
    */
   "vaadin-time-picker": Partial<
     TimePickerProps &
@@ -31266,6 +32616,8 @@ export type CustomCssProperties = {
   /**  */
   "--vaadin-button-border-width"?: string;
   /**  */
+  "--vaadin-button-font-family"?: string;
+  /**  */
   "--vaadin-button-font-size"?: string;
   /**  */
   "--vaadin-button-font-weight"?: string;
@@ -31336,6 +32688,58 @@ export type CustomCssProperties = {
   /**  */
   "--vaadin-checkbox-size"?: string;
   /**  */
+  "--vaadin-combo-box-overlay-max-height"?: string;
+  /**  */
+  "--vaadin-combo-box-overlay-width"?: string;
+  /**  */
+  "--vaadin-field-default-width"?: string;
+  /**  */
+  "--vaadin-input-field-background"?: string;
+  /**  */
+  "--vaadin-input-field-border-color"?: string;
+  /**  */
+  "--vaadin-input-field-border-radius"?: string;
+  /**  */
+  "--vaadin-input-field-border-width"?: string;
+  /**  */
+  "--vaadin-input-field-bottom-end-radius"?: string;
+  /**  */
+  "--vaadin-input-field-bottom-start-radius"?: string;
+  /**  */
+  "--vaadin-input-field-button-text-color"?: string;
+  /**  */
+  "--vaadin-input-field-container-gap"?: string;
+  /**  */
+  "--vaadin-input-field-disabled-background"?: string;
+  /**  */
+  "--vaadin-input-field-disabled-text-color"?: string;
+  /**  */
+  "--vaadin-input-field-gap"?: string;
+  /**  */
+  "--vaadin-input-field-padding"?: string;
+  /**  */
+  "--vaadin-input-field-placeholder-color"?: string;
+  /**  */
+  "--vaadin-input-field-top-end-radius"?: string;
+  /**  */
+  "--vaadin-input-field-top-start-radius"?: string;
+  /**  */
+  "--vaadin-input-field-value-color"?: string;
+  /**  */
+  "--vaadin-input-field-value-font-size"?: string;
+  /**  */
+  "--vaadin-input-field-value-font-weight"?: string;
+  /**  */
+  "--vaadin-input-field-value-line-height"?: string;
+  /** ### Internal components */
+  "--vaadin-item-overlay-padding"?: string;
+  /**  */
+  "<vaadin-combo-box>"?: string;
+  /**  */
+  "<vaadin-combo-box-item>"?: string;
+  /**  */
+  "<vaadin-item>"?: string;
+  /**  */
   "--vaadin-confirm-dialog-max-width"?: string;
   /**  */
   "--vaadin-confirm-dialog-min-width"?: string;
@@ -31372,65 +32776,123 @@ export type CustomCssProperties = {
   /** Slot for "Reject" button */
   "reject-button"?: string;
   /**  */
-  "--vaadin-date-time-picker-gap"?: string;
+  "--vaadin-date-picker-date-border-radius"?: string;
   /**  */
-  "<vaadin-date-time-picker>"?: string;
+  "--vaadin-date-picker-date-disabled-color"?: string;
   /**  */
-  "<vaadin-date-picker>"?: string;
+  "--vaadin-date-picker-date-height"?: string;
   /**  */
-  "<vaadin-time-picker>"?: string;
+  "--vaadin-date-picker-date-selected-background"?: string;
   /**  */
-  change?: string;
+  "--vaadin-date-picker-date-selected-color"?: string;
   /**  */
-  "unparsable-change"?: string;
+  "--vaadin-date-picker-date-today-color"?: string;
   /**  */
-  "--vaadin-dialog-max-width"?: string;
+  "--vaadin-date-picker-date-width"?: string;
   /**  */
-  "--vaadin-dialog-min-width"?: string;
+  "--vaadin-date-picker-month-header-color"?: string;
   /**  */
-  "--vaadin-dialog-overflow-indicator-color"?: string;
+  "--vaadin-date-picker-month-header-font-size"?: string;
   /**  */
-  "--vaadin-dialog-overflow-indicator-height"?: string;
+  "--vaadin-date-picker-month-header-font-weight"?: string;
   /**  */
-  "--vaadin-field-default-width"?: string;
+  "--vaadin-date-picker-month-padding"?: string;
   /**  */
-  "--vaadin-input-field-background"?: string;
+  "--vaadin-date-picker-overlay-max-height"?: string;
   /**  */
-  "--vaadin-input-field-border-color"?: string;
+  "--vaadin-date-picker-overlay-width"?: string;
   /**  */
-  "--vaadin-input-field-border-radius"?: string;
+  "--vaadin-date-picker-toolbar-padding"?: string;
   /**  */
-  "--vaadin-input-field-border-width"?: string;
+  "--vaadin-date-picker-week-divider-color"?: string;
   /**  */
-  "--vaadin-input-field-bottom-end-radius"?: string;
+  "--vaadin-date-picker-week-number-color"?: string;
   /**  */
-  "--vaadin-input-field-bottom-start-radius"?: string;
+  "--vaadin-date-picker-week-number-font-size"?: string;
   /**  */
-  "--vaadin-input-field-button-text-color"?: string;
+  "--vaadin-date-picker-weekday-color"?: string;
   /**  */
-  "--vaadin-input-field-container-gap"?: string;
+  "--vaadin-date-picker-weekday-font-size"?: string;
   /**  */
-  "--vaadin-input-field-disabled-background"?: string;
+  "--vaadin-date-picker-weekday-font-weight"?: string;
   /**  */
-  "--vaadin-input-field-disabled-text-color"?: string;
+  "--vaadin-date-picker-year-scroller-background"?: string;
   /**  */
-  "--vaadin-input-field-gap"?: string;
+  "--vaadin-date-picker-year-scroller-border-color"?: string;
   /**  */
-  "--vaadin-input-field-padding"?: string;
+  "--vaadin-date-picker-year-scroller-current-year-color"?: string;
   /**  */
-  "--vaadin-input-field-placeholder-color"?: string;
+  "--vaadin-date-picker-year-scroller-width"?: string;
   /**  */
-  "--vaadin-input-field-top-end-radius"?: string;
+  "<vaadin-date-picker>"?: string;
   /**  */
-  "--vaadin-input-field-top-start-radius"?: string;
+  "<vaadin-date-picker-overlay-content>"?: string;
   /**  */
-  "--vaadin-input-field-value-color"?: string;
+  "<vaadin-date-picker-month-scroller>"?: string;
   /**  */
-  "--vaadin-input-field-value-font-size"?: string;
+  "<vaadin-date-picker-year-scroller>"?: string;
   /**  */
-  "--vaadin-input-field-value-font-weight"?: string;
-  /** See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. */
-  "--vaadin-input-field-value-line-height"?: string;
+  "<vaadin-date-picker-year>"?: string;
+  /**  */
+  "<vaadin-month-calendar>"?: string;
+  /** Fullscreen mode years scroller toggle */
+  "years-toggle-button"?: string;
+  /** Toolbar with slotted buttons */
+  toolbar?: string;
+  /** Set when the overlay content is in desktop mode */
+  desktop?: string;
+  /** Set when the overlay content is in fullscreen mode */
+  fullscreen?: string;
+  /** Set when the year scroller is visible in fullscreen mode */
+  "years-visible"?: string;
+  /** Month title */
+  "month-header"?: string;
+  /** Weekday container */
+  weekdays?: string;
+  /** Weekday element */
+  weekday?: string;
+  /** Week numbers container */
+  "week-numbers"?: string;
+  /** Week number element */
+  "week-number"?: string;
+  /** Date element */
+  date?: string;
+  /** Disabled date element */
+  disabled?: string;
+  /** Focused date element */
+  focused?: string;
+  /** Selected date element */
+  selected?: string;
+  /** Date element corresponding to the current day */
+  today?: string;
+  /** Date element corresponding to the date in the past */
+  past?: string;
+  /** Date element corresponding to the date in the future */
+  future?: string;
+  /** Year number */
+  "year-number"?: string;
+  /** Year separator */
+  "year-separator"?: string;
+  /**  */
+  change?: string;
+  /**  */
+  "unparsable-change"?: string;
+  /**  */
+  "--vaadin-date-time-picker-gap"?: string;
+  /**  */
+  "<vaadin-date-time-picker>"?: string;
+  /**  */
+  "<vaadin-time-picker>"?: string;
+  /**  */
+  "--vaadin-dialog-max-width"?: string;
+  /**  */
+  "--vaadin-dialog-min-width"?: string;
+  /**  */
+  "--vaadin-dialog-overflow-indicator-color"?: string;
+  /**  */
+  "--vaadin-dialog-overflow-indicator-height"?: string;
+  /**  */
+  "--vaadin-dialog-toolbar-gap"?: string;
   /**  */
   "--vaadin-item-border-radius"?: string;
   /**  */
@@ -31445,56 +32907,136 @@ export type CustomCssProperties = {
   "--vaadin-item-padding"?: string;
   /** See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. */
   "--vaadin-item-text-align"?: string;
+  /** See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation. */
+  "--vaadin-menu-bar-gap"?: string;
   /**  */
-  "12em"?: string;
-  /** Width of the overlay */
-  "--vaadin-multi-select-combo-box-overlay-width"?: string;
+  "<vaadin-menu-bar>"?: string;
   /**  */
-  auto?: string;
-  /** Max height of the overlay */
-  "--vaadin-multi-select-combo-box-overlay-max-height"?: string;
+  "<vaadin-menu-bar-button>"?: string;
+  /**  */
+  "<vaadin-button>"?: string;
+  /**  */
+  "<vaadin-menu-bar-item>"?: string;
+  /**  */
+  "<vaadin-menu-bar-list-box>"?: string;
+  /**  */
+  "<vaadin-list-box>"?: string;
+  /**  */
+  "<vaadin-menu-bar-submenu>"?: string;
+  /**  */
+  "<vaadin-context-menu>"?: string;
+  /** Expanded parent item. */
+  expanded?: string;
+  /**  */
+  "--vaadin-chip-background"?: string;
+  /**  */
+  "--vaadin-chip-border-color"?: string;
+  /**  */
+  "--vaadin-chip-border-radius"?: string;
+  /**  */
+  "--vaadin-chip-border-width"?: string;
+  /**  */
+  "--vaadin-chip-font-size"?: string;
+  /**  */
+  "--vaadin-chip-font-weight"?: string;
+  /**  */
+  "--vaadin-chip-gap"?: string;
+  /**  */
+  "--vaadin-chip-height"?: string;
+  /**  */
+  "--vaadin-chip-padding"?: string;
+  /**  */
+  "--vaadin-chip-remove-button-text-color"?: string;
+  /**  */
+  "--vaadin-chip-text-color"?: string;
+  /**  */
+  "--vaadin-multi-select-combo-box-chip-min-width"?: string;
+  /**  */
+  "--vaadin-multi-select-combo-box-chips-gap"?: string;
   /**  */
-  "65vh"?: string;
-  /** Min width of the input */
   "--vaadin-multi-select-combo-box-input-min-width"?: string;
   /**  */
-  "4em"?: string;
+  "--vaadin-multi-select-combo-box-overlay-max-height"?: string;
+  /** ### Internal components */
+  "--vaadin-multi-select-combo-box-overlay-width"?: string;
   /**  */
   "<vaadin-multi-select-combo-box>"?: string;
   /**  */
   "<vaadin-multi-select-combo-box-chip>"?: string;
   /**  */
   "<vaadin-multi-select-combo-box-item>"?: string;
+  /** ### Internal components */
+  "--vaadin-select-overlay-width"?: string;
+  /**  */
+  "<vaadin-select>"?: string;
+  /**  */
+  "<vaadin-select-value-button>"?: string;
+  /**  */
+  "<vaadin-select-list-box>"?: string;
+  /**  */
+  "<vaadin-select-item>"?: string;
+  /**  */
+  "--vaadin-slider-bubble-arrow-border-radius"?: string;
+  /**  */
+  "--vaadin-slider-bubble-arrow-size"?: string;
   /**  */
-  "<vaadin-item>"?: string;
-  /** `--vaadin-slider-bubble-border-color` */
   "--vaadin-slider-bubble-background"?: string;
-  /** `--vaadin-slider-bubble-border-width` */
+  /**  */
+  "--vaadin-slider-bubble-border-color"?: string;
+  /**  */
   "--vaadin-slider-bubble-border-radius"?: string;
-  /** `--vaadin-slider-bubble-padding` */
-  "--vaadin-slider-bubble-offset"?: string;
-  /** `--vaadin-slider-bubble-text-color` */
-  "--vaadin-slider-bubble-shadow"?: string;
-  /** `--vaadin-slider-bubble-font-weight` */
+  /**  */
+  "--vaadin-slider-bubble-border-width"?: string;
+  /**  */
   "--vaadin-slider-bubble-font-size"?: string;
-  /** `--vaadin-slider-fill-background` */
+  /**  */
+  "--vaadin-slider-bubble-font-weight"?: string;
+  /**  */
   "--vaadin-slider-bubble-line-height"?: string;
-  /** `--vaadin-slider-fill-border-width` */
+  /**  */
+  "--vaadin-slider-bubble-offset"?: string;
+  /**  */
+  "--vaadin-slider-bubble-padding"?: string;
+  /**  */
+  "--vaadin-slider-bubble-shadow"?: string;
+  /**  */
+  "--vaadin-slider-bubble-text-color"?: string;
+  /**  */
+  "--vaadin-slider-fill-background"?: string;
+  /**  */
   "--vaadin-slider-fill-border-color"?: string;
-  /** `--vaadin-slider-marks-font-size` */
+  /**  */
+  "--vaadin-slider-fill-border-width"?: string;
+  /**  */
   "--vaadin-slider-marks-color"?: string;
-  /** `--vaadin-slider-thumb-border-color` */
+  /**  */
+  "--vaadin-slider-marks-font-size"?: string;
+  /**  */
   "--vaadin-slider-marks-font-weight"?: string;
-  /** `--vaadin-slider-thumb-border-width` */
+  /**  */
+  "--vaadin-slider-thumb-background"?: string;
+  /**  */
+  "--vaadin-slider-thumb-border-color"?: string;
+  /**  */
   "--vaadin-slider-thumb-border-radius"?: string;
-  /** `--vaadin-slider-thumb-cursor-active` */
+  /**  */
+  "--vaadin-slider-thumb-border-width"?: string;
+  /**  */
   "--vaadin-slider-thumb-cursor"?: string;
-  /** `--vaadin-slider-thumb-width` */
+  /**  */
+  "--vaadin-slider-thumb-cursor-active"?: string;
+  /**  */
   "--vaadin-slider-thumb-height"?: string;
-  /** `--vaadin-slider-track-border-color` */
+  /**  */
+  "--vaadin-slider-thumb-width"?: string;
+  /**  */
   "--vaadin-slider-track-background"?: string;
-  /** `--vaadin-slider-track-border-width` */
+  /**  */
+  "--vaadin-slider-track-border-color"?: string;
+  /**  */
   "--vaadin-slider-track-border-radius"?: string;
+  /**  */
+  "--vaadin-slider-track-border-width"?: string;
   /** In order to style the slider bubble, use `<vaadin-slider-bubble>` shadow DOM parts: */
   "--vaadin-slider-track-height"?: string;
   /** The overlay container */
@@ -31503,6 +33045,12 @@ export type CustomCssProperties = {
   content?: string;
   /** Arrow pointing to the thumb */
   arrow?: string;
+  /**  */
+  "--vaadin-time-picker-overlay-max-height"?: string;
+  /** ### Internal components */
+  "--vaadin-time-picker-overlay-width"?: string;
+  /**  */
+  "<vaadin-time-picker-item>"?: string;
   /** Width of the track. */
   "--or-toggle-track-width"?: string;
   /** Height of the track. */
@@ -31538,14 +33086,12 @@ export type CustomCssProperties = {
   /**  */
   "<vaadin-context-menu-list-box>"?: string;
   /**  */
-  "<vaadin-list-box>"?: string;
-  /** Expanded parent item. */
-  expanded?: string;
-  /** Size (width and height) of the icon */
+  "--vaadin-icon-color"?: string;
+  /**  */
   "--vaadin-icon-size"?: string;
-  /** Stroke width of the SVG icon */
+  /**  */
   "--vaadin-icon-stroke-width"?: string;
-  /** Visual size of the icon */
+  /** The following state attributes are available for styling: */
   "--vaadin-icon-visual-size"?: string;
   /** Set when the icon has a slotted tooltip */
   "has-tooltip"?: string;