@adyen/bento-vue2 1.6.1 → 1.7.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.6.1",
+  "version": "1.7.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -70,6 +70,76 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "accordion-stub",
+          "description": "",
+          "attributes": [
+            {
+              "name": "title",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "source": {
+            "module": "./src/components/accordion/__tests__/accordion-stub.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "action-bar",
+          "description": "",
+          "attributes": [
+            {
+              "name": "actions",
+              "required": true,
+              "description": "List of actions that will be used to render the buttons.\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"
+              }
+            },
+            {
+              "name": "extraBottomSpacing",
+              "description": "Use when there are sticky elements at the bottom, like sticky pagination",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "itemCounter",
+              "required": true,
+              "description": "Show how many items are selected",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            },
+            {
+              "name": "selectionLabel",
+              "description": "Label for the selection, e.g. 'selected'/'changed'",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            }
+          ],
+          "events": [
+            {
+              "name": "close",
+              "description": "Event emitted when the user click the close button"
+            }
+          ],
+          "source": {
+            "module": "./src/components/action-bar/action-bar.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "adl-badge",
           "description": "",
@@ -277,6 +347,15 @@
               },
               "default": "null"
             },
+            {
+              "name": "emptyState",
+              "description": "Empty state props used with the inner empty state component which is displayed when no search results are found.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdownEmptyStateProps"
+              },
+              "default": "undefined"
+            },
             {
               "name": "disabled",
               "description": "Disables dropdown functionality.",
@@ -447,6 +526,15 @@
               },
               "default": "null"
             },
+            {
+              "name": "virtualScroll",
+              "description": "Enables virtual scrolling if set to true or by providing an object with itemHeight function.\nThe itemHeight function is used to calculate the height of rendered item given it's index.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdownVirtulisationOptions"
+              },
+              "default": "false"
+            },
             {
               "name": "search",
               "description": "Dropdown search options and events.",
@@ -650,31 +738,22 @@
           "description": "",
           "attributes": [
             {
-              "name": "modalRole",
-              "description": "Defines whether the modal will be an alert modal",
+              "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\".\nBut you may change the color of 1-st action to red with 'critial' key\nNot more than 3 action buttons can be provided\nOr 2 action buttons and 1 Label for them\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',2\n  event: () => { ... },\n  icon: FourPeopleIcon\n}, {\n  title: 'Secondary',\n  event: () => { ... }\n}]\n```",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "BentoButtonActionsList"
               },
-              "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"
-              }
+              "default": "null"
             },
             {
-              "name": "hideCloseButton",
-              "required": true,
-              "description": "Hides a cross icon on the right side of the title",
+              "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": "boolean"
-              }
+                "type": "BentoModalColumnLayoutVariant"
+              },
+              "default": "BentoModalColumnLayoutVariant.SMALLER"
             },
             {
               "name": "customPadding",
@@ -686,8 +765,17 @@
               "default": "null"
             },
             {
-              "name": "withColumnLayout",
-              "description": "If provided, renders the modal's content in a two-column layout an wth dividers separating its content",
+              "name": "hideCloseButton",
+              "required": true,
+              "description": "Hides a cross icon on the right side of the title",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "initiallyOpen",
+              "description": "Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -695,13 +783,13 @@
               "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.",
+              "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": "BentoModalColumnLayoutVariant"
-              },
-              "default": "BentoModalColumnLayoutVariant.SMALLER"
+                "type": "boolean"
+              }
             },
             {
               "name": "isOpen",
@@ -712,18 +800,36 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "modalRole",
+              "description": "Defines whether the modal will be an alert modal",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "BentoModalRole.DIALOG"
+            },
+            {
+              "name": "overflowVisible",
+              "description": "Allows the inner elments to overflow the dialog",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "size",
               "description": "Sets the width of the modal",
               "value": {
                 "kind": "expression",
-                "type": "BentoModalSize"
+                "type": "BentoModalSize | `${BentoModalSize}`"
               },
               "default": "BentoModalSize.SMALL"
             },
             {
-              "name": "initiallyOpen",
-              "description": "Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.",
+              "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"
@@ -749,7 +855,7 @@
             }
           ],
           "source": {
-            "module": "./src/components/modal/components/base-modal/__mocks__/base-modal.vue",
+            "module": "./src/components/modal/components/base-modal/base-modal.vue",
             "symbol": "default"
           }
         },
@@ -758,31 +864,22 @@
           "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\".\nBut you may change the color of 1-st action to red with 'critial' key\nNot more than 3 action buttons can be provided\nOr 2 action buttons and 1 Label for them\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',2\n  event: () => { ... },\n  icon: FourPeopleIcon\n}, {\n  title: 'Secondary',\n  event: () => { ... }\n}]\n```",
-              "value": {
-                "kind": "expression",
-                "type": "BentoButtonActionsList"
-              },
-              "default": "null"
-            },
-            {
-              "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.",
+              "name": "modalRole",
+              "description": "Defines whether the modal will be an alert modal",
               "value": {
                 "kind": "expression",
-                "type": "BentoModalColumnLayoutVariant"
+                "type": "string"
               },
-              "default": "BentoModalColumnLayoutVariant.SMALLER"
+              "default": "BentoModalRole.DIALOG"
             },
             {
-              "name": "customPadding",
-              "description": "If provided, manages the padding of the whole modal container",
+              "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": "string"
-              },
-              "default": "null"
+                "type": "boolean"
+              }
             },
             {
               "name": "hideCloseButton",
@@ -794,62 +891,53 @@
               }
             },
             {
-              "name": "initiallyOpen",
-              "description": "Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.",
+              "name": "customPadding",
+              "description": "If provided, manages the padding of the whole modal container",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
+                "type": "string"
               },
-              "default": "false"
-            },
-            {
-              "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"
-              }
+              "default": "null"
             },
             {
-              "name": "isOpen",
-              "required": true,
-              "description": "Controls the modal's state from the outside. Set it to true to open the modal",
+              "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": "modalRole",
-              "description": "Defines whether the modal will be an alert modal",
+              "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": "string"
+                "type": "BentoModalColumnLayoutVariant"
               },
-              "default": "BentoModalRole.DIALOG"
+              "default": "BentoModalColumnLayoutVariant.SMALLER"
             },
             {
-              "name": "overflowVisible",
-              "description": "Allows the inner elments to overflow the dialog",
+              "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"
-              },
-              "default": "false"
+              }
             },
             {
               "name": "size",
               "description": "Sets the width of the modal",
               "value": {
                 "kind": "expression",
-                "type": "BentoModalSize | `${BentoModalSize}`"
+                "type": "BentoModalSize"
               },
               "default": "BentoModalSize.SMALL"
             },
             {
-              "name": "withColumnLayout",
-              "description": "If provided, renders the modal's content in a two-column layout an wth dividers separating its content",
+              "name": "initiallyOpen",
+              "description": "Sets the open attribute on the dialog element, use isOpen instead to toggle modal visbility.",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -875,7 +963,7 @@
             }
           ],
           "source": {
-            "module": "./src/components/modal/components/base-modal/base-modal.vue",
+            "module": "./src/components/modal/components/base-modal/__mocks__/base-modal.vue",
             "symbol": "default"
           }
         },
@@ -1125,6 +1213,15 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "options",
+              "description": "List of options that are needed to setup the filter\nAvailable options:\n  - listboxItems: The option elements to populate the filter with.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoBooleanFilterOptions"
+              },
+              "default": "undefined"
             }
           ],
           "source": {
@@ -1137,8 +1234,8 @@
           "description": "Button component for all the various types of bento buttons.",
           "attributes": [
             {
-              "name": "disabled",
-              "description": "Disables button functionality",
+              "name": "condensed",
+              "description": "Reduces sizing of button",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -1155,17 +1252,17 @@
               "default": "false"
             },
             {
-              "name": "type",
-              "description": "The default behavior of the button.\nPossible values are: 'button', 'reset', 'submit'",
+              "name": "disabled",
+              "description": "Disables button functionality",
               "value": {
                 "kind": "expression",
-                "type": "ButtonHTMLAttributes['type']"
+                "type": "boolean"
               },
-              "default": "'button'"
+              "default": "false"
             },
             {
-              "name": "condensed",
-              "description": "Reduces sizing of button",
+              "name": "inverse",
+              "description": "Sets color set to inverse",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -1173,22 +1270,31 @@
               "default": "false"
             },
             {
-              "name": "variant",
-              "description": "Types of flavour of Button",
+              "name": "link",
+              "description": "Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.",
               "value": {
                 "kind": "expression",
-                "type": "BentoButtonVariant | `${BentoButtonVariant}`"
+                "type": "object"
               },
-              "default": "BentoButtonVariant.PRIMARY"
+              "default": "undefined"
             },
             {
-              "name": "link",
-              "description": "Object containing props passed on to the BentoLink component. @see BentoLink documentation for which properties you can pass.",
+              "name": "type",
+              "description": "The default behavior of the button.\nPossible values are: 'button', 'reset', 'submit'",
               "value": {
                 "kind": "expression",
-                "type": "object"
+                "type": "ButtonHTMLAttributes['type']"
               },
-              "default": "undefined"
+              "default": "'button'"
+            },
+            {
+              "name": "variant",
+              "description": "Types of flavour of Button",
+              "value": {
+                "kind": "expression",
+                "type": "BentoButtonVariant | `${BentoButtonVariant}`"
+              },
+              "default": "BentoButtonVariant.PRIMARY"
             }
           ],
           "events": [
@@ -1242,6 +1348,15 @@
                 "type": "BentoButtonActionsLayout | `${BentoButtonActionsLayout}`"
               },
               "default": "BentoButtonActionsLayout.BUTTONS_END"
+            },
+            {
+              "name": "inverse",
+              "description": "Sets the Button Actions to color scheme inverse",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "source": {
@@ -2216,6 +2331,22 @@
                 "type": "Calendar.props.isDateDisabled"
               }
             },
+            {
+              "name": "min",
+              "description": "Sets a minimum limit for selectable dates - dates before `min` will not be selectable",
+              "value": {
+                "kind": "expression",
+                "type": "Calendar.props.min"
+              }
+            },
+            {
+              "name": "max",
+              "description": "Sets a maximum limit for selectable dates - dates after `max` will not be selectable",
+              "value": {
+                "kind": "expression",
+                "type": "Calendar.props.max"
+              }
+            },
             {
               "name": "label",
               "description": "Text that is displayed as a label above the element.",
@@ -2428,16 +2559,32 @@
               "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.",
               "value": {
                 "kind": "expression",
-                "type": "DateRangePickerCalendarRangeSelectorItems"
-              },
-              "default": "undefined"
+                "type": "DateRangePickerCalendarRangeSelectorItems"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "maxRange",
+              "description": "Set a maximum number of dates to be selectable by the range.",
+              "value": {
+                "kind": "expression",
+                "type": "DateRangePickerCalendar.props.maxRange"
+              }
+            },
+            {
+              "name": "min",
+              "description": "Sets a minimum limit for selectable dates - dates before `min` will not be selectable",
+              "value": {
+                "kind": "expression",
+                "type": "DateRangePickerCalendar.props.min"
+              }
             },
             {
-              "name": "maxRange",
-              "description": "Set a maximum number of dates to be selectable by the range.",
+              "name": "max",
+              "description": "Sets a maximum limit for selectable dates - dates after `max` will not be selectable",
               "value": {
                 "kind": "expression",
-                "type": "DateRangePickerCalendar.props.maxRange"
+                "type": "DateRangePickerCalendar.props.max"
               }
             },
             {
@@ -2507,6 +2654,15 @@
               },
               "default": "null"
             },
+            {
+              "name": "emptyState",
+              "description": "Empty state props used with the inner empty state component which is displayed when no search results are found.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdownEmptyStateProps"
+              },
+              "default": "undefined"
+            },
             {
               "name": "disabled",
               "description": "Disables dropdown functionality",
@@ -2622,6 +2778,15 @@
                 "kind": "expression",
                 "type": "PopperContainer.props.targetElement.type"
               }
+            },
+            {
+              "name": "virtualScroll",
+              "description": "Enables virtual scrolling if set to true or by providing an object with itemHeight function.\nThe itemHeight function is used to calculate the height of rendered item given it's index.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdownVirtulisationOptions"
+              },
+              "default": "false"
             }
           ],
           "slots": [
@@ -2686,6 +2851,15 @@
           "name": "bento-filter-bar",
           "description": "The filter bar filters item lists and tables according to various filter criteria.",
           "attributes": [
+            {
+              "name": "config",
+              "description": "Array of filters based on {@see BentoFilterBarModel}.\nEach one of the elements in the array correspond to a filter that will\nbe created and rendered in the FilterBar.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoFilterBarModel"
+              },
+              "default": "() => []"
+            },
             {
               "name": "searchTerm",
               "description": "Search term useful to filter all the data by text.\nIf the value is non-existant (null or undefined) the search bar won't be enabled.",
@@ -2949,6 +3123,15 @@
               },
               "default": "null"
             },
+            {
+              "name": "emptyState",
+              "description": "Empty state props that will be used with the inner empty state component to be displayed when no search results are found.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoListboxEmptyStateProps"
+              },
+              "default": "undefined"
+            },
             {
               "name": "hasMoreItems",
               "description": "Indicates whether there are more items to load",
@@ -3037,6 +3220,15 @@
                 "type": "BentoListboxSelectedValue"
               },
               "default": "undefined"
+            },
+            {
+              "name": "virtualScroll",
+              "description": "Enables virtual scrolling if set to true or by providing an object with itemHeight function.\nThe itemHeight function is used to calculate the height of rendered item given it's index.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoListboxVirtulisationOptions"
+              },
+              "default": "false"
             }
           ],
           "slots": [
@@ -3351,6 +3543,15 @@
           "name": "bento-menu",
           "description": "Menu component to render a series of buttons. Csan render nested submenus.",
           "attributes": [
+            {
+              "name": "button",
+              "description": "Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoMenuButtonProps"
+              },
+              "default": "() =>\n    ({\n        variant: 'secondary',\n    } as BentoMenuButtonProps)"
+            },
             {
               "name": "data",
               "required": true,
@@ -3386,15 +3587,6 @@
                 "type": "number"
               },
               "default": "null"
-            },
-            {
-              "name": "button",
-              "description": "Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoMenuButtonProps"
-              },
-              "default": "() =>\n    ({\n        variant: 'secondary',\n    } as BentoMenuButtonProps)"
             }
           ],
           "slots": [
@@ -3849,6 +4041,15 @@
                 "type": "number"
               },
               "default": "null"
+            },
+            {
+              "name": "virtualScroll",
+              "description": "Enables virtual scrolling on all dropdowns if set to true.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "events": [
@@ -3891,6 +4092,15 @@
                 "type": "number"
               },
               "default": "null"
+            },
+            {
+              "name": "virtualScroll",
+              "description": "Enables virtual scrolling on all dropdowns if set to true.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "events": [
@@ -4336,6 +4546,11 @@
               "default": "BentoRadioGroupVariant.VERTICAL"
             }
           ],
+          "slots": [
+            {
+              "name": "content"
+            }
+          ],
           "source": {
             "module": "./src/components/radio-group/radio-group.vue",
             "symbol": "default"
@@ -4435,6 +4650,15 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "wrap",
+              "description": "If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "source": {
@@ -4490,6 +4714,24 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "truncate",
+              "description": "Renders the button with a truncated text if the space is not enough to render the whole content",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "wrap",
+              "description": "Renders the button with centered text in case the text has to wrap multiple lines",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "events": [
@@ -5398,7 +5640,7 @@
               "description": "Title of the event",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "BentoTimelineItemTitle | string"
               }
             },
             {
@@ -5411,6 +5653,11 @@
               "default": "BentoTimelineItemVariant.DEFAULT"
             }
           ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
           "source": {
             "module": "./src/components/timeline/components/timeline-item/timeline-item.vue",
             "symbol": "default"
@@ -5591,6 +5838,24 @@
                 "type": "number"
               },
               "default": "undefined"
+            },
+            {
+              "name": "inverse",
+              "description": "Set inverse color scheme to buttons and menu",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "menuPosition",
+              "description": "The position of where the menu should open.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoPopoverPositions | `${BentoPopoverPositions}`"
+              },
+              "default": "'bottom-start'"
             }
           ],
           "source": {
@@ -5635,6 +5900,22 @@
               },
               "default": "null"
             },
+            {
+              "name": "min",
+              "description": "Sets a minimum limit for selectable dates - dates before `min` will not be selectable",
+              "value": {
+                "kind": "expression",
+                "type": "CalendarMonth.props.min"
+              }
+            },
+            {
+              "name": "max",
+              "description": "Sets a maximum limit for selectable dates - dates after `max` will not be selectable",
+              "value": {
+                "kind": "expression",
+                "type": "CalendarMonth.props.max"
+              }
+            },
             {
               "name": "numberOfMonths",
               "description": "Number of months rendered on pane",
@@ -5699,6 +5980,24 @@
               },
               "default": "false"
             },
+            {
+              "name": "min",
+              "description": "Sets a minimum limit for selectable dates - dates before `min` will not be selectable",
+              "value": {
+                "kind": "expression",
+                "type": "date"
+              },
+              "default": "null"
+            },
+            {
+              "name": "max",
+              "description": "Sets a maximum limit for selectable dates - dates after `max` will not be selectable",
+              "value": {
+                "kind": "expression",
+                "type": "date"
+              },
+              "default": "null"
+            },
             {
               "name": "month",
               "required": true,
@@ -5804,6 +6103,16 @@
         {
           "name": "card-stub",
           "description": "",
+          "attributes": [
+            {
+              "name": "title",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
           "source": {
             "module": "./src/components/card/__tests__/card-stub.vue",
             "symbol": "default"
@@ -6157,6 +6466,22 @@
                 "type": "Calendar.props.maxRange"
               }
             },
+            {
+              "name": "min",
+              "description": "Sets a minimum limit for selectable dates - dates before `min` will not be selectable",
+              "value": {
+                "kind": "expression",
+                "type": "Calendar.props.min"
+              }
+            },
+            {
+              "name": "max",
+              "description": "Sets a maximum limit for selectable dates - dates after `max` will not be selectable",
+              "value": {
+                "kind": "expression",
+                "type": "Calendar.props.max"
+              }
+            },
             {
               "name": "numberOfMonths",
               "description": "Number of months rendered on pane",
@@ -6742,12 +7067,12 @@
           "attributes": [
             {
               "name": "action",
-              "required": true,
               "description": "Defines the button at the end of the component.",
               "value": {
                 "kind": "expression",
                 "type": "BentoButtonActionObject"
-              }
+              },
+              "default": "null"
             },
             {
               "name": "description",
@@ -6907,6 +7232,14 @@
                 "type": "BentoFilterBarModel"
               },
               "default": "undefined"
+            },
+            {
+              "name": "config",
+              "value": {
+                "kind": "expression",
+                "type": "BentoFilterBarModel"
+              },
+              "default": "undefined"
             }
           ],
           "source": {
@@ -6917,6 +7250,26 @@
         {
           "name": "fixed-scroller",
           "description": "",
+          "attributes": [
+            {
+              "name": "condensed",
+              "description": "Applies the condensed style to the buttons",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "extraPaddingTop",
+              "description": "Padding to be applied to the top of the scroller container",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "0"
+            }
+          ],
           "slots": [
             {
               "name": "default"
@@ -6930,6 +7283,24 @@
         {
           "name": "fixed-scroller-stub",
           "description": "",
+          "attributes": [
+            {
+              "name": "condensed",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "extraPaddingTop",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "0"
+            }
+          ],
           "source": {
             "module": "./src/components/internal/fixed-scroller/__tests__/fixed-scroller-stub.vue",
             "symbol": "default"
@@ -7638,26 +8009,72 @@
               }
             },
             {
-              "name": "indentItems",
-              "description": "Displays the menu-items of the list in the indent variant. Only applies to elements that don't have an icon to their left.",
+              "name": "indentItems",
+              "description": "Displays the menu-items of the list in the indent variant. Only applies to elements that don't have an icon to their left.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "focusLastElement",
+              "description": "If set to true, focuses the last item on the list instead of the first. Used for accessibility purposes when the menu is opened with the 'up' arrow key.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "source": {
+            "module": "./src/components/menu/components/menu-item-list/menu-item-list.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "menu-item-mock",
+          "description": "",
+          "attributes": [
+            {
+              "name": "inverse",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/menu/components/menu-item/__tests__/menu-item-mock.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "menu-mock",
+          "description": "",
+          "attributes": [
+            {
+              "name": "inverse",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
               },
               "default": "false"
-            },
+            }
+          ],
+          "slots": [
             {
-              "name": "focusLastElement",
-              "description": "If set to true, focuses the last item on the list instead of the first. Used for accessibility purposes when the menu is opened with the 'up' arrow key.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
+              "name": "default"
             }
           ],
           "source": {
-            "module": "./src/components/menu/components/menu-item-list/menu-item-list.vue",
+            "module": "./src/components/menu/__tests__/menu-mock.vue",
             "symbol": "default"
           }
         },
@@ -8062,6 +8479,9 @@
             },
             {
               "name": "description"
+            },
+            {
+              "name": "content"
             }
           ],
           "source": {
@@ -8525,6 +8945,15 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "withNotificationIndicator",
+              "description": "Displays the tab with a notification indicator",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "slots": [
@@ -8598,6 +9027,19 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "teleport",
+          "description": "",
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/internal/teleport/teleport.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "textarea",
           "description": "",
@@ -8865,6 +9307,270 @@
             "module": "./src/components/tooltip/tooltip.test.vue",
             "symbol": "default"
           }
+        },
+        {
+          "name": "tutorial",
+          "description": "",
+          "attributes": [
+            {
+              "name": "steps",
+              "required": true,
+              "description": "The steps configuration for the tutorial.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoTutorialStep[]"
+              }
+            }
+          ],
+          "source": {
+            "module": "./src/components/tutorial/tutorial.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "tutorial-indicator",
+          "description": "",
+          "attributes": [
+            {
+              "name": "targetElement",
+              "required": true,
+              "description": "Tutorial indicator's target element.\nThe indicator will position itself around the target element.",
+              "value": {
+                "kind": "expression",
+                "type": "PopperContainer.props?.targetElement.type"
+              }
+            }
+          ],
+          "source": {
+            "module": "./src/components/tutorial/components/tutorial-popover/components/tutorial-indicator/tutorial-indicator.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "tutorial-indicator-stub",
+          "description": "",
+          "source": {
+            "module": "./src/components/tutorial/components/tutorial-popover/components/tutorial-indicator/__tests__/tutorial-indicator-stub.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "tutorial-popover",
+          "description": "",
+          "attributes": [
+            {
+              "name": "action",
+              "description": "Optional configuration for the secondary action.\nIn tour tutorials, this is ignored for the introductory step.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoButtonActionObject"
+              },
+              "default": "null"
+            },
+            {
+              "name": "active",
+              "description": "Indicates whether this popover is the active step (and should be visible).",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "image",
+              "description": "Optional illustration to display at the top of the popover.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoTutorialStep['image']"
+              },
+              "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}`"
+              },
+              "default": "BentoPopoverPositions.BOTTOM_START"
+            },
+            {
+              "name": "single",
+              "description": "Indicates whether this popover is a single tutorial or a tour.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "step",
+              "description": "The tutorial step number.\nIn tour tutorials, `0` is the introductory step, and is displayed next\nto the title.",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "null"
+            },
+            {
+              "name": "targetElement",
+              "required": true,
+              "description": "Tutorial popover's target element.\nThe popover will position itself relatively to target element.",
+              "value": {
+                "kind": "expression",
+                "type": "VueNodeElement"
+              }
+            },
+            {
+              "name": "title",
+              "required": true,
+              "description": "The tutorial step title.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "totalSteps",
+              "description": "Total count of steps.\nIn tour tutorials, this does not include the introductory step, and is\ndisplayed next to the title.",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "null"
+            }
+          ],
+          "events": [
+            {
+              "name": "next",
+              "description": "Emitted when the user clicks the primary action in popovers during introductory or intermediate steps of tour tutorials"
+            },
+            {
+              "name": "finish",
+              "description": "Emitted when the user clicks the primary action in a single tutorial, the last step of a tour, or skips the tutorial"
+            },
+            {
+              "name": "restart",
+              "description": "Emitted when the user selects the restart tour option"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/tutorial/components/tutorial-popover/tutorial-popover.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "tutorial-popover-stub",
+          "description": "",
+          "attributes": [
+            {
+              "name": "active",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "image",
+              "value": {
+                "kind": "expression",
+                "type": "BentoTutorialStep['image']"
+              },
+              "default": "null"
+            },
+            {
+              "name": "title",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "step",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "null"
+            },
+            {
+              "name": "totalSteps",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "null"
+            },
+            {
+              "name": "action",
+              "value": {
+                "kind": "expression",
+                "type": "BentoButtonActionObject"
+              },
+              "default": "null"
+            },
+            {
+              "name": "position",
+              "value": {
+                "kind": "expression",
+                "type": "`${BentoPopoverPositions}`"
+              },
+              "default": "BentoPopoverPositions.BOTTOM_START"
+            },
+            {
+              "name": "single",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "name": "next"
+            },
+            {
+              "name": "finish"
+            },
+            {
+              "name": "restart"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/tutorial/components/tutorial-popover/__tests__/tutorial-popover-stub.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "tutorial-stub",
+          "description": "",
+          "attributes": [
+            {
+              "name": "steps",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "Array<Omit<BentoTutorialStep, 'target'>>"
+              }
+            }
+          ],
+          "source": {
+            "module": "./src/components/tutorial/__tests__/tutorial-stub.vue",
+            "symbol": "default"
+          }
         }
       ]
     }