@adyen/bento-vue2 1.7.0 → 1.8.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -101,6 +101,15 @@
                 "type": "BentoButtonActionsList"
               }
             },
+            {
+              "name": "visibleActions",
+              "description": "How many actions should be visible outside the menu, cannot be more than 4",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "4"
+            },
             {
               "name": "extraBottomSpacing",
               "description": "Use when there are sticky elements at the bottom, like sticky pagination",
@@ -140,6 +149,14 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "action-bar-stub",
+          "description": "",
+          "source": {
+            "module": "./src/components/action-bar/__tests__/action-bar-stub.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "adl-badge",
           "description": "",
@@ -517,6 +534,15 @@
               },
               "default": "BentoDropdownSize.DEFAULT"
             },
+            {
+              "name": "tooltipText",
+              "description": "Adds a info icon next to the label to display the passed tooltip message.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
             {
               "name": "value",
               "description": "The `input` value.\nProviding an empty string will select no options.\nSet to an empty string `''` if you don't want any of the available options to be selected.",
@@ -859,114 +885,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "base-modal",
-          "description": "",
-          "attributes": [
-            {
-              "name": "modalRole",
-              "description": "Defines whether the modal will be an alert modal",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "BentoModalRole.DIALOG"
-            },
-            {
-              "name": "isDismissible",
-              "required": true,
-              "description": "If set to true, it allows the modal to be closed by clicking outside of it",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "hideCloseButton",
-              "required": true,
-              "description": "Hides a cross icon on the right side of the title",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "customPadding",
-              "description": "If provided, manages the padding of the whole modal container",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "withColumnLayout",
-              "description": "If provided, renders the modal's content in a two-column layout an wth dividers separating its content",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "columnsSize",
-              "description": "If a column layout is provided, it renders the respective left column width variant. This can be smaller than the second column, the same size as the second column or bigger than the second column.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoModalColumnLayoutVariant"
-              },
-              "default": "BentoModalColumnLayoutVariant.SMALLER"
-            },
-            {
-              "name": "isOpen",
-              "required": true,
-              "description": "Controls the modal's state from the outside. Set it to true to open the modal",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "size",
-              "description": "Sets the width of the modal",
-              "value": {
-                "kind": "expression",
-                "type": "BentoModalSize"
-              },
-              "default": "BentoModalSize.SMALL"
-            },
-            {
-              "name": "initiallyOpen",
-              "description": "Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "slots": [
-            {
-              "name": "default"
-            },
-            {
-              "name": "content-col-1"
-            },
-            {
-              "name": "content-col-2"
-            },
-            {
-              "name": "content"
-            },
-            {
-              "name": "actions"
-            }
-          ],
-          "source": {
-            "module": "./src/components/modal/components/base-modal/__mocks__/base-modal.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-alert",
           "description": "An Alert component is used to display a persistent\nnotification containing information important to the user",
@@ -1493,6 +1411,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "required",
+              "description": "Highlights the checkbox is required.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "readonly",
               "description": "Setting this property to true will set the checkbox to read only state.",
@@ -1537,6 +1464,15 @@
                 "type": "string"
               },
               "default": "null"
+            },
+            {
+              "name": "optional",
+              "description": "Highlights the checkbox is optional.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "slots": [
@@ -1861,6 +1797,15 @@
           "name": "bento-data-grid",
           "description": "",
           "attributes": [
+            {
+              "name": "bulkActions",
+              "description": "List of actions that will be rendered in the action bar when user selects items.\n\nEach object in the list should have a `title`, an `event` and,\noptionally, an `icon`.\n\nThe component will display 4 actions and the hide the rest inside a menu.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoButtonActionsList"
+              },
+              "default": "null"
+            },
             {
               "name": "allowRowClicks",
               "description": "When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.",
@@ -2383,6 +2328,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "tooltipText",
+              "description": "Adds a info icon next to the label to display the passed tooltip message.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
             {
               "name": "value",
               "description": "Selected date",
@@ -2510,6 +2464,14 @@
                 "type": "DateRangePickerCalendar.props.firstDayOfWeek"
               }
             },
+            {
+              "name": "granularities",
+              "description": "A list of available granularities.\nIf present, the date picker will display a segmented control to change granularity.",
+              "value": {
+                "kind": "expression",
+                "type": "DateRangePickerCalendar.props.granularities"
+              }
+            },
             {
               "name": "isDateDisabled",
               "description": "Indicate if a date should be disabled or not",
@@ -2554,6 +2516,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "tooltipText",
+              "description": "Adds a info icon next to the label to display the passed tooltip message.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
             {
               "name": "quickSelectRanges",
               "description": "Enables the range selector.\nIf provided, must be an array that sets the custom range dropdown items. Items are of the structure:\n`label` - label of custom range item.\n`value` - a unique key of the custom range item.\n`data` - an object `{ startDate: Date; endDate: Date }` to set the date picker range to upon selecting.",
@@ -3451,57 +3422,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-loading-button",
-          "description": "",
-          "attributes": [
-            {
-              "name": "condensed",
-              "description": "Reduces sizing of button",
-              "value": {
-                "kind": "expression",
-                "type": "BentoButton.props.condensed.type"
-              },
-              "default": "false"
-            },
-            {
-              "name": "disabled",
-              "description": "Disables button functonality",
-              "value": {
-                "kind": "expression",
-                "type": "BentoButton.props.disabled.type"
-              },
-              "default": "false"
-            },
-            {
-              "name": "state",
-              "description": "State of the button.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoLoadingButtonState | `${BentoLoadingButtonState}`"
-              },
-              "default": "BentoLoadingButtonState.START"
-            },
-            {
-              "name": "variant",
-              "description": "Types of flavour of Button",
-              "value": {
-                "kind": "expression",
-                "type": "BentoButton.props.variant.type"
-              },
-              "default": "BentoButtonVariant.PRIMARY"
-            }
-          ],
-          "slots": [
-            {
-              "name": "default"
-            }
-          ],
-          "source": {
-            "module": "./src/components/button/components/loading-button/loading-button.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-loading-indicator",
           "description": "",
@@ -3627,7 +3547,7 @@
             },
             {
               "name": "isDismissible",
-              "description": "If set to true, it allows the modal to be closed by clicking outside of it",
+              "description": "If set to true, it allows the modal to be closed without performing an action",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -4184,217 +4104,36 @@
           }
         },
         {
-          "name": "bento-popover",
-          "description": "Example description of the component...",
+          "name": "bento-popover-dismiss-button",
+          "description": "",
           "attributes": [
             {
-              "name": "actions",
-              "description": "List of actions that will be used to render the buttons.\nFirst element in the list will be rendered as \"primary\".\nAll elements after the first will be rendered as \"secondary\".\n\nEach object in the list should have a `title`, an `event` and\n(optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n\n`title`: Button's text.\n\n`event`: Event triggered when clicking the Button.\n\n`icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n\n```\n[{\n  title: 'Primary',\n  event: () => { ... },\n  icon: FourPeopleIcon\n}, {\n  title: 'Secondary',\n  event: () => { ... }\n}]\n```",
+              "name": "onImage",
               "value": {
                 "kind": "expression",
-                "type": "BentoButtonActionsList"
+                "type": "boolean"
               },
-              "default": "null"
-            },
+              "default": "false"
+            }
+          ],
+          "events": [
             {
-              "name": "actionsLayout",
-              "description": "Defines the layout in which the button actions is presented.\nIt can be one of:",
-              "value": {
-                "kind": "expression",
-                "type": "BentoButtonActionsLayout | `${BentoButtonActionsLayout}`"
-              },
-              "default": "BentoButtonActionsLayout.BUTTONS_END"
-            },
-            {
-              "name": "ariaLabel",
-              "description": "Defines a string value that provides an accessible name for the popover.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "divider",
-              "description": "Adds a divider line to the actions section, reduces the top/bottom paddings and removes all padding in the \"default\" slot.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "disableFocusTrap",
-              "description": "Supports disabling focus trap functionality to avoid scroll into view behavior when we don't need it.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "dismissible",
-              "description": "Adds a \"dismiss\" icon that triggers the \"dismiss\" event. Requires the `title` prop to be set.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "fallbackPosition",
-              "description": "Allows to configure to fallback position to the one specified, it could be ['right', 'top', ...].\nUseful when not using auto as starting placement.\nhttps://floating-ui.com/docs/flip#fallbackplacements",
-              "value": {
-                "kind": "expression",
-                "type": "Placement[]"
-              },
-              "default": "() => ['bottom-start', 'right-start', 'top-start', 'left-start']"
-            },
-            {
-              "name": "fitContent",
-              "description": "Sets the size of the container to fit its content",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "fixedPositioning",
-              "description": "Instructs popover to be visible outside of the containing container.\nUseful when component would be used in limited containers like Modal, Side panel, etc.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "open",
-              "description": "Toggles the popover open and closed",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "large",
-              "description": "Displays the popover in a large size.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "modifiers",
-              "value": {
-                "kind": "expression",
-                "type": "array"
-              },
-              "default": "null"
-            },
-            {
-              "name": "position",
-              "description": "Popover's position relative to the target element.\nPossible values are:\n'auto',    'auto-start',    'auto-end',\n'top',     'top-start',     'top-end'\n'right',   'right-start',   'right-end'\n'bottom',  'bottom-start',  'bottom-end'\n'left',    'left-start',    'left-end'",
-              "value": {
-                "kind": "expression",
-                "type": "BentoPopoverPositions | `${BentoPopoverPositions}`"
-              },
-              "default": "BentoPopoverPositions.BOTTOM_START"
-            },
-            {
-              "name": "small",
-              "description": "Displays the popover in a small size.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "title",
-              "description": "Indicates the title you want to give the popover.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "targetElement",
-              "required": true,
-              "description": "Popover's target element.\nThe popover will position itself relatively to target element, in specified position.",
-              "value": {
-                "kind": "expression",
-                "type": "PopperContainer.props?.targetElement.type"
-              }
-            },
-            {
-              "name": "withoutSpace",
-              "description": "Displays the popover without padding.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "events": [
-            {
-              "name": "placement"
-            },
-            {
-              "name": "dismiss"
-            }
-          ],
-          "slots": [
-            {
-              "name": "image"
-            },
-            {
-              "name": "headerIcon"
-            },
-            {
-              "name": "default"
-            }
-          ],
-          "source": {
-            "module": "./src/components/popover/popover.vue",
-            "symbol": "default"
-          }
-        },
-        {
-          "name": "bento-popover-dismiss-button",
-          "description": "",
-          "attributes": [
-            {
-              "name": "onImage",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "events": [
-            {
-              "name": "click"
-            }
-          ],
-          "source": {
-            "module": "./src/components/popover/components/popover-dismiss-button/popover-dismiss-button.vue",
-            "symbol": "default"
-          }
-        },
-        {
-          "name": "bento-popover-image",
-          "description": "",
-          "attributes": [
-            {
-              "name": "src",
-              "required": true,
-              "description": "URL to image.\nFor more details, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-src",
+              "name": "click"
+            }
+          ],
+          "source": {
+            "module": "./src/components/popover/components/popover-dismiss-button/popover-dismiss-button.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "bento-popover-image",
+          "description": "",
+          "attributes": [
+            {
+              "name": "src",
+              "required": true,
+              "description": "URL to image.\nFor more details, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-src",
               "value": {
                 "kind": "expression",
                 "type": "string"
@@ -4956,19 +4695,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-structured-list",
-          "description": "This is a list used to display pairs of information in a clear and organized manner.\n`BentoStructureListItem` should be used to pass the label/value pairs to the list.",
-          "slots": [
-            {
-              "name": "default"
-            }
-          ],
-          "source": {
-            "module": "./src/components/structured-list/structured-list.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-structured-list-item",
           "description": "This is an item of the `BentoStructuredList` meant to be used only with that component.\nIt consists of a label/value pair, and also the optional copy and search modifiers.",
@@ -5556,6 +5282,15 @@
           "name": "bento-timeline",
           "description": "Timeline displays a collection of events in a reverse chronological order (newest event is displayed on the top).",
           "attributes": [
+            {
+              "name": "addNote",
+              "description": "If set to true, gives the possibility to manually add notes to the timeline via a textarea",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "showMore",
               "description": "Object that determines the max number of items to show without clicking the show more button\nand where in the timeline is the show more button placed",
@@ -5575,6 +5310,11 @@
               "default": "null"
             }
           ],
+          "events": [
+            {
+              "name": "add-timeline-note"
+            }
+          ],
           "slots": [
             {
               "name": "default"
@@ -5636,12 +5376,21 @@
             },
             {
               "name": "title",
-              "required": true,
               "description": "Title of the event",
               "value": {
                 "kind": "expression",
                 "type": "BentoTimelineItemTitle | string"
-              }
+              },
+              "default": "null"
+            },
+            {
+              "name": "type",
+              "description": "Type of the timeline item. If set to 'note', it renders a note item in the timeline. Defaults to 'milestone'.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "'milestone'"
             },
             {
               "name": "variant",
@@ -5875,6 +5624,15 @@
                 "type": "CalendarMonth.props.firstDayOfWeek"
               }
             },
+            {
+              "name": "granularity",
+              "description": "The selected granularity configuration",
+              "value": {
+                "kind": "expression",
+                "type": "CalendarGranularityConfig"
+              },
+              "default": "null"
+            },
             {
               "name": "isDateDisabled",
               "description": "Indicate if a date should be disabled or not",
@@ -6450,6 +6208,15 @@
                 "type": "Calendar.props.firstDayOfWeek"
               }
             },
+            {
+              "name": "granularities",
+              "description": "A list of available granularities.\nIf present, the date picker will display a segmented control to change granularity.",
+              "value": {
+                "kind": "expression",
+                "type": "Array<BentoDateRangePickerGranularityConfig>"
+              },
+              "default": "null"
+            },
             {
               "name": "isDateDisabled",
               "description": "Indicate if a date should be disabled or not",
@@ -7153,21 +6920,21 @@
           }
         },
         {
-          "name": "filter-bar-button",
+          "name": "field-label",
           "description": "",
           "attributes": [
             {
-              "name": "appliedFiltersCount",
-              "description": "The number of applied values within the filter.\nText can also be applied here such as 'All'.\ne.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.",
+              "name": "label",
+              "description": "Field label",
               "value": {
                 "kind": "expression",
-                "type": "string|number"
+                "type": "string"
               },
               "default": "null"
             },
             {
-              "name": "disabled",
-              "description": "Disables button functionality.",
+              "name": "optional",
+              "description": "Sets the field as optional",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -7175,8 +6942,8 @@
               "default": "false"
             },
             {
-              "name": "isFilterOpen",
-              "description": "Signifies if the filter is open or closed.",
+              "name": "required",
+              "description": "Sets the field as required",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -7184,13 +6951,64 @@
               "default": "false"
             },
             {
-              "name": "hasChevron",
-              "description": "Toggles if a chevron icon should be displayed in the button.\nThe chevron will change depending on the open state of the filter.",
+              "name": "tooltipText",
+              "description": "Adds a info icon next to the label to display the passed tooltip message.",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
+                "type": "string"
               },
-              "default": "false"
+              "default": "null"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/internal/field-label/field-label.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "filter-bar-button",
+          "description": "",
+          "attributes": [
+            {
+              "name": "appliedFiltersCount",
+              "description": "The number of applied values within the filter.\nText can also be applied here such as 'All'.\ne.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.",
+              "value": {
+                "kind": "expression",
+                "type": "string|number"
+              },
+              "default": "null"
+            },
+            {
+              "name": "disabled",
+              "description": "Disables button functionality.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "isFilterOpen",
+              "description": "Signifies if the filter is open or closed.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "hasChevron",
+              "description": "Toggles if a chevron icon should be displayed in the button.\nThe chevron will change depending on the open state of the filter.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             },
             {
               "name": "secondaryLabel",
@@ -7501,6 +7319,15 @@
                 "type": "GridLayoutContainerType"
               },
               "default": "GridLayoutContainerType.INLINE"
+            },
+            {
+              "name": "noGap",
+              "description": "Sets the gap in the grid to 0.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "slots": [
@@ -7658,6 +7485,15 @@
               },
               "default": "BentoInputFieldElementPosition.START"
             },
+            {
+              "name": "tooltipText",
+              "description": "Adds a info icon next to the label to display the passed tooltip message.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
             {
               "name": "type",
               "description": "A string specifying the type of control to render.",
@@ -7904,6 +7740,72 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "loading-button",
+          "description": "",
+          "attributes": [
+            {
+              "name": "condensed",
+              "description": "Reduces sizing of button",
+              "value": {
+                "kind": "expression",
+                "type": "BentoButton.props.condensed.type"
+              },
+              "default": "false"
+            },
+            {
+              "name": "disabled",
+              "description": "Disables button functonality",
+              "value": {
+                "kind": "expression",
+                "type": "BentoButton.props.disabled.type"
+              },
+              "default": "false"
+            },
+            {
+              "name": "inverse",
+              "description": "Sets color set to inverse",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "state",
+              "description": "State of the button.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoLoadingButtonState | `${BentoLoadingButtonState}`"
+              },
+              "default": "BentoLoadingButtonState.START"
+            },
+            {
+              "name": "variant",
+              "description": "Types of flavour of Button",
+              "value": {
+                "kind": "expression",
+                "type": "BentoButton.props.variant.type"
+              },
+              "default": "'primary'"
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "Click event handler"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/button/components/loading-button/loading-button.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "menu-item",
           "description": "Menu item component to render items in a menu. For internal use only.",
@@ -8102,6 +8004,189 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "popover",
+          "description": "",
+          "attributes": [
+            {
+              "name": "actions",
+              "description": "List of actions that will be used to render the buttons.\nFirst element in the list will be rendered as \"primary\".\nAll elements after the first will be rendered as \"secondary\".\n\nEach object in the list should have a `title`, an `event` and\n(optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n\n`title`: Button's text.\n\n`event`: Event triggered when clicking the Button.\n\n`icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n\n```\n[{\n  title: 'Primary',\n  event: () => { ... },\n  icon: FourPeopleIcon\n}, {\n  title: 'Secondary',\n  event: () => { ... }\n}]\n```",
+              "value": {
+                "kind": "expression",
+                "type": "BentoButtonActionsList"
+              },
+              "default": "null"
+            },
+            {
+              "name": "actionsLayout",
+              "description": "Defines the layout in which the button actions is presented.\nIt can be one of:",
+              "value": {
+                "kind": "expression",
+                "type": "BentoButtonActionsLayout | `${BentoButtonActionsLayout}`"
+              },
+              "default": "BentoButtonActionsLayout.BUTTONS_END"
+            },
+            {
+              "name": "ariaLabel",
+              "description": "Defines a string value that provides an accessible name for the popover.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "divider",
+              "description": "Adds a divider line to the actions section, reduces the top/bottom paddings and removes all padding in the \"default\" slot.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "disableFocusTrap",
+              "description": "Supports disabling focus trap functionality to avoid scroll into view behavior when we don't need it.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "dismissible",
+              "description": "Adds a \"dismiss\" icon that triggers the \"dismiss\" event. Requires the `title` prop to be set.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "fallbackPosition",
+              "description": "Allows to configure to fallback position to the one specified, it could be ['right', 'top', ...].\nUseful when not using auto as starting placement.\nhttps://floating-ui.com/docs/flip#fallbackplacements",
+              "value": {
+                "kind": "expression",
+                "type": "Placement[]"
+              },
+              "default": "() => ['bottom-start', 'right-start', 'top-start', 'left-start']"
+            },
+            {
+              "name": "fitContent",
+              "description": "Sets the size of the container to fit its content",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "fixedPositioning",
+              "description": "Instructs popover to be visible outside of the containing container.\nUseful when component would be used in limited containers like Modal, Side panel, etc.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "open",
+              "description": "Toggles the popover open and closed",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "large",
+              "description": "Displays the popover in a large size.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "modifiers",
+              "value": {
+                "kind": "expression",
+                "type": "array"
+              },
+              "default": "null"
+            },
+            {
+              "name": "position",
+              "description": "Popover's position relative to the target element.\nPossible values are:\n'auto',    'auto-start',    'auto-end',\n'top',     'top-start',     'top-end'\n'right',   'right-start',   'right-end'\n'bottom',  'bottom-start',  'bottom-end'\n'left',    'left-start',    'left-end'",
+              "value": {
+                "kind": "expression",
+                "type": "BentoPopoverPositions | `${BentoPopoverPositions}`"
+              },
+              "default": "BentoPopoverPositions.BOTTOM_START"
+            },
+            {
+              "name": "small",
+              "description": "Displays the popover in a small size.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "title",
+              "description": "Indicates the title you want to give the popover.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "targetElement",
+              "required": true,
+              "description": "Popover's target element.\nThe popover will position itself relatively to target element, in specified position.",
+              "value": {
+                "kind": "expression",
+                "type": "PopperContainer.props?.targetElement.type"
+              }
+            },
+            {
+              "name": "withoutSpace",
+              "description": "Displays the popover without padding.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "name": "placement",
+              "description": "Triggered when the popover `placement` changes"
+            },
+            {
+              "name": "dismiss",
+              "description": "Triggered when the `dismiss` button is clicked"
+            }
+          ],
+          "slots": [
+            {
+              "name": "image"
+            },
+            {
+              "name": "headerIcon"
+            },
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/popover/popover.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "popover-stub",
           "description": "",
@@ -8203,6 +8288,14 @@
                 "kind": "expression",
                 "type": "BentoPopover.props.withoutSpace"
               }
+            },
+            {
+              "name": "injectedOffset",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "null"
             }
           ],
           "events": [
@@ -8767,6 +8860,30 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "structured-list",
+          "description": "",
+          "attributes": [
+            {
+              "name": "labelsWidth",
+              "description": "Width of the labels container, in pixels. Default is 180 (px).",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "180"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/structured-list/structured-list.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "structured-list-mock",
           "description": "",
@@ -9161,6 +9278,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "tooltipText",
+              "description": "Adds a info icon next to the label to display the passed tooltip message.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
             {
               "name": "value",
               "description": "Text displayed as the value of the textarea",