@adyen/bento-vue2 1.9.0 → 1.11.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -552,6 +552,15 @@
               },
               "default": "null"
             },
+            {
+              "name": "staticCategories",
+              "description": "If enabled, dropdown will display non-selectable, static categories",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "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.",
@@ -588,6 +597,9 @@
           "slots": [
             {
               "name": "innerSlot"
+            },
+            {
+              "name": "description"
             }
           ],
           "source": {
@@ -1156,104 +1168,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-button",
-          "description": "Button component for all the various types of bento buttons.",
-          "attributes": [
-            {
-              "name": "condensed",
-              "description": "Reduces sizing of button",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "critical",
-              "description": "Displays button as critical",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "disabled",
-              "description": "Disables button functionality",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "inverse",
-              "description": "Sets color set to inverse",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "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": "object"
-              },
-              "default": "undefined"
-            },
-            {
-              "name": "type",
-              "description": "The default behavior of the button.\nPossible values are: 'button', 'reset', 'submit'",
-              "value": {
-                "kind": "expression",
-                "type": "ButtonHTMLAttributes['type']"
-              },
-              "default": "'button'"
-            },
-            {
-              "name": "variant",
-              "description": "Types of flavour of Button",
-              "value": {
-                "kind": "expression",
-                "type": "BentoButtonVariant | `${BentoButtonVariant}`"
-              },
-              "default": "BentoButtonVariant.PRIMARY"
-            }
-          ],
-          "events": [
-            {
-              "name": "click"
-            },
-            {
-              "name": "focus"
-            },
-            {
-              "name": "blur"
-            },
-            {
-              "name": "keydown.esc"
-            }
-          ],
-          "slots": [
-            {
-              "name": "iconLeft"
-            },
-            {
-              "name": "default"
-            },
-            {
-              "name": "iconRight"
-            }
-          ],
-          "source": {
-            "module": "./src/components/button/button.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-button-actions",
           "description": "",
@@ -1490,6 +1404,9 @@
             },
             {
               "name": "description"
+            },
+            {
+              "name": "content"
             }
           ],
           "source": {
@@ -1498,138 +1415,34 @@
           }
         },
         {
-          "name": "bento-checkbox-group",
-          "description": "A checkbox group component should be used whenever it is necessary to group a set of checkboxes that are related together\nThis component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n\nimport { BentoCheckboxGroup } from '@adyen/bento-vue2/';\n\nexport default {\n    components: { BentoCheckboxGroup },\n    template: `\n            <bento-checkbox-group\n               label=\"Your group label\"\n               :items=\"[\n                   { value: 1, label: 'Your label' },\n                   { value: 2, label: 'Another label', description: 'Your sub label' },\n                ]\"\n             />\n    `\n};",
+          "name": "bento-checkbox-group-slot-stub",
+          "description": "",
           "attributes": [
-            {
-              "name": "description",
-              "description": "Descriptive supporting text visbile underneath the label.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "disabled",
-              "description": "If set to true, renders all checkboxes in the group in a disabled state.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "errorMessage",
-              "description": "Renders all checkboxes in an error state with an error message.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "formId",
-              "description": "The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "hasError",
-              "description": "If set to true, renders all checkboxes in the group in an error state.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "hideLabel",
-              "description": "Shows/hides the group label.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "null"
-            },
             {
               "name": "items",
-              "required": true,
-              "description": "The checkbox group's items.",
               "value": {
                 "kind": "expression",
-                "type": "BentoCheckboxGroupItems"
+                "type": "BentoCheckboxGroup.props.items"
               }
             },
             {
               "name": "label",
-              "required": true,
-              "description": "The name associated with the group. Required for accessibility purposes.",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "BentoCheckboxGroup.props.label"
               }
             },
             {
-              "name": "v-model",
-              "description": "Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.\nDefaults to no value selected.",
+              "name": "modelValue",
               "value": {
                 "kind": "expression",
                 "type": "Array<number | string | null>"
               },
               "default": "() => []"
-            },
-            {
-              "name": "optional",
-              "description": "Indicates the field is optional.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "readonly",
-              "description": "If set to true, renders all checkboxes in the group in a readonly state.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "required",
-              "description": "Indicates the field is required.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "tooltipText",
-              "description": "Tooltip message.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "variant",
-              "description": "The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoCheckboxGroupVariant | `${BentoCheckboxGroupVariant}`"
-              },
-              "default": "BentoCheckboxGroupVariant.VERTICAL"
             }
           ],
           "source": {
-            "module": "./src/components/checkbox/components/checkbox-group/checkbox-group.vue",
+            "module": "./src/components/checkbox/components/checkbox-group/__tests__/bento-checkbox-group-slot-stub.vue",
             "symbol": "default"
           }
         },
@@ -2453,6 +2266,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "staticCategories",
+              "description": "If enabled, dropdown will display non-selectable, static categories",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "open",
               "required": true,
@@ -2904,6 +2726,15 @@
               },
               "default": "false"
             },
+            {
+              "name": "staticCategories",
+              "description": "If enabled, dropdown will display non-selectable, static categories",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "noResultsMessage",
               "required": true,
@@ -2989,6 +2820,15 @@
                 "type": "BentoListboxSelectedValue"
               },
               "default": "() => [] as BentoListboxSelectedValue"
+            },
+            {
+              "name": "staticCategories",
+              "description": "If enabled, dropdown will display non-selectable, static categories",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "slots": [
@@ -3031,6 +2871,15 @@
                 "type": "BentoListboxValue[]"
               },
               "default": "() => []"
+            },
+            {
+              "name": "staticCategories",
+              "description": "If enabled, dropdown will display non-selectable, static categories",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "slots": [
@@ -3106,6 +2955,15 @@
                 "type": "BentoListboxSelectedValue"
               },
               "default": "undefined"
+            },
+            {
+              "name": "staticCategories",
+              "description": "If enabled, dropdown will display non-selectable, static categories",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "slots": [
@@ -3161,12 +3019,36 @@
           }
         },
         {
-          "name": "bento-loading-indicator",
+          "name": "bento-listbox-static-category",
           "description": "",
           "attributes": [
             {
-              "name": "small",
-              "description": "Displays the loading indicator in a small size",
+              "name": "categoryLabel",
+              "required": true,
+              "description": "Category label text",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/internal/listbox/components/listbox-single-select/components/listbox-single-select-category/listbox-single-select-category.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "bento-loading-indicator",
+          "description": "",
+          "attributes": [
+            {
+              "name": "small",
+              "description": "Displays the loading indicator in a small size",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -3248,8 +3130,14 @@
             }
           ],
           "slots": [
+            {
+              "name": "iconLeft"
+            },
             {
               "name": "default"
+            },
+            {
+              "name": "iconRight"
             }
           ],
           "source": {
@@ -3892,147 +3780,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-radio-group",
-          "description": "A radio group component should be used whenever it is necessary to use a set of radio buttons\nThis component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n\nimport { BentoRadioGroup } from '@adyen/bento-vue2/';\n\nexport default {\n    components: { BentoRadioGroup },\n    template: `\n            <bento-radio-group\n               label=\"Your group label\"\n               :items=\"[\n                   { value: 1, label: 'Your label' },\n                   { value: 2, label: 'Another label', description: 'Your descriptive sub label' },\n                ]\"\n                variant=\"horizontal\"\n             />\n    `\n};",
-          "attributes": [
-            {
-              "name": "description",
-              "description": "Descriptive supporting text visbile underneath the label.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "disabled",
-              "description": "If set to true, renders all radio-buttons in the group in a disabled state.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "errorMessage",
-              "description": "If string is passed, all radio-buttons in an error state and renders the string beneath the buttons.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "formId",
-              "description": "The form id the radio group is associated with. Defaults to null, as a radio group can also be used standalone.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "hasError",
-              "description": "If set to true, renders all radio-buttons in the group in an error state.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "hideLabel",
-              "description": "Shows/hides the group label.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "null"
-            },
-            {
-              "name": "items",
-              "required": true,
-              "description": "The radio group's items.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoRadioGroupItems"
-              }
-            },
-            {
-              "name": "label",
-              "required": true,
-              "description": "The name associated with the group. Required for accessibility purposes.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "v-model",
-              "description": "Determines the initially selected value of the group. Corresponds to the BentoRadioButtonItem's value.\nDefaults to no value selected.",
-              "value": {
-                "kind": "expression",
-                "type": "number|string|null"
-              },
-              "default": "null"
-            },
-            {
-              "name": "optional",
-              "description": "Indicates the field is optional.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "readonly",
-              "description": "If set to true, renders all radio-buttons in the group in a readonly state.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "required",
-              "description": "Indicates the field is required.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "tooltipText",
-              "description": "Tooltip message.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "variant",
-              "description": "The radio group's layout. It can be vertical or horizontal. Defaults to vertical.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoRadioGroupVariant | `${BentoRadioGroupVariant}`"
-              },
-              "default": "BentoRadioGroupVariant.VERTICAL"
-            }
-          ],
-          "slots": [
-            {
-              "name": "content"
-            }
-          ],
-          "source": {
-            "module": "./src/components/radio-group/radio-group.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-range-filter",
           "description": "Range filter used in the filter-bar component.",
@@ -5094,6 +4841,15 @@
               },
               "default": "null"
             },
+            {
+              "name": "status",
+              "description": "Modifier that changes the color of the timeline icon",
+              "value": {
+                "kind": "expression",
+                "type": "`${BentoTimelineStatus}`"
+              },
+              "default": "'black'"
+            },
             {
               "name": "tag",
               "description": "Tag props that will be passed down to inner tag component",
@@ -5137,7 +4893,7 @@
                 "kind": "expression",
                 "type": "BentoTimelineItemVariant | `${BentoTimelineItemVariant}`"
               },
-              "default": "BentoTimelineItemVariant.DEFAULT"
+              "default": "null"
             }
           ],
           "slots": [
@@ -5305,30 +5061,30 @@
           }
         },
         {
-          "name": "button-actions-with-menu",
+          "name": "button",
           "description": "",
           "attributes": [
             {
-              "name": "actions",
-              "required": true,
-              "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` (optional): Vue Icon from the library `@adyen/ui-assets-icons-16`.",
+              "name": "condensed",
+              "description": "Reduces sizing of button",
               "value": {
                 "kind": "expression",
-                "type": "BentoButtonActionsList"
-              }
+                "type": "boolean"
+              },
+              "default": "false"
             },
             {
-              "name": "displayedActions",
-              "description": "The number of actions to be displayed. The rest of the actions will be collapsed in a menu component.",
+              "name": "critical",
+              "description": "Displays button as critical",
               "value": {
                 "kind": "expression",
-                "type": "number"
+                "type": "boolean"
               },
-              "default": "undefined"
+              "default": "false"
             },
             {
-              "name": "inverse",
-              "description": "Set inverse color scheme to buttons and menu",
+              "name": "disabled",
+              "description": "Disables button functionality",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -5336,59 +5092,169 @@
               "default": "false"
             },
             {
-              "name": "menuPosition",
-              "description": "The position of where the menu should open.",
+              "name": "inverse",
+              "description": "Sets color set to inverse",
               "value": {
                 "kind": "expression",
-                "type": "BentoPopoverPositions | `${BentoPopoverPositions}`"
+                "type": "boolean"
               },
-              "default": "'bottom-start'"
-            }
-          ],
-          "source": {
-            "module": "./src/components/internal/button-actions-with-menu/button-actions-with-menu.vue",
-            "symbol": "default"
-          }
-        },
-        {
-          "name": "calendar",
-          "description": "Handles the calendar logic to change visible months for Single calendar\nand Range calendar, as well as the selection logic for range.\nAll the processing necessary for the calendar to select dates",
-          "attributes": [
-            {
-              "name": "firstDayOfWeek",
-              "description": "Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday",
-              "value": {
-                "kind": "expression",
-                "type": "CalendarMonth.props.firstDayOfWeek"
-              }
+              "default": "false"
             },
             {
-              "name": "granularity",
-              "description": "The selected granularity configuration",
+              "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": "CalendarGranularityConfig"
+                "type": "object"
               },
-              "default": "null"
+              "default": "undefined"
             },
             {
-              "name": "isDateDisabled",
-              "description": "Indicate if a date should be disabled or not",
+              "name": "type",
+              "description": "The default behavior of the button.\nPossible values are: 'button', 'reset', 'submit'",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonth.props.isDateDisabled"
-              }
+                "type": "ButtonHTMLAttributes['type']"
+              },
+              "default": "'button'"
             },
             {
-              "name": "isRange",
-              "description": "Enables the Date Range calendar",
+              "name": "variant",
+              "description": "Types of flavour of Button",
               "value": {
                 "kind": "expression",
-                "type": "CalendarMonth.props.isRange"
-              }
+                "type": "BentoButtonVariant | `${BentoButtonVariant}`"
+              },
+              "default": "BentoButtonVariant.PRIMARY"
+            }
+          ],
+          "events": [
+            {
+              "name": "blur",
+              "description": "Emitted when the element has lost focus"
             },
             {
-              "name": "maxRange",
+              "name": "click",
+              "description": "Emitted when the button is clicked"
+            },
+            {
+              "name": "focus",
+              "description": "Emitted when the element has received focus"
+            },
+            {
+              "name": "keydown.esc",
+              "description": "Emitted when the \"ESC\" key is pressed"
+            }
+          ],
+          "slots": [
+            {
+              "name": "iconLeft"
+            },
+            {
+              "name": "default"
+            },
+            {
+              "name": "iconRight"
+            }
+          ],
+          "source": {
+            "module": "./src/components/button/button.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "button-actions-icons-stub",
+          "description": "",
+          "source": {
+            "module": "./src/components/button/components/button-actions/__tests__/button-actions-icons-stub.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "button-actions-with-menu",
+          "description": "",
+          "attributes": [
+            {
+              "name": "actions",
+              "required": true,
+              "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` (optional): Vue Icon from the library `@adyen/ui-assets-icons-16`.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoButtonActionsList"
+              }
+            },
+            {
+              "name": "displayedActions",
+              "description": "The number of actions to be displayed. The rest of the actions will be collapsed in a menu component.",
+              "value": {
+                "kind": "expression",
+                "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": {
+            "module": "./src/components/internal/button-actions-with-menu/button-actions-with-menu.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "calendar",
+          "description": "Handles the calendar logic to change visible months for Single calendar\nand Range calendar, as well as the selection logic for range.\nAll the processing necessary for the calendar to select dates",
+          "attributes": [
+            {
+              "name": "firstDayOfWeek",
+              "description": "Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday",
+              "value": {
+                "kind": "expression",
+                "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",
+              "value": {
+                "kind": "expression",
+                "type": "CalendarMonth.props.isDateDisabled"
+              }
+            },
+            {
+              "name": "isRange",
+              "description": "Enables the Date Range calendar",
+              "value": {
+                "kind": "expression",
+                "type": "CalendarMonth.props.isRange"
+              }
+            },
+            {
+              "name": "maxRange",
               "description": "Set a maximum number of dates to be selectable by the range.",
               "value": {
                 "kind": "expression",
@@ -5614,6 +5480,147 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "checkbox-group",
+          "description": "A checkbox group component should be used whenever it is necessary to group a set of checkboxes that are related together\nThis component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n\nimport { BentoCheckboxGroup } from '@adyen/bento-vue2/';\n\nexport default {\n    components: { BentoCheckboxGroup },\n    template: `\n            <bento-checkbox-group\n               label=\"Your group label\"\n               :items=\"[\n                   { value: 1, label: 'Your label' },\n                   { value: 2, label: 'Another label', description: 'Your sub label' },\n                ]\"\n             />\n    `\n};",
+          "attributes": [
+            {
+              "name": "description",
+              "description": "Descriptive supporting text visbile underneath the label.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "disabled",
+              "description": "If set to true, renders all checkboxes in the group in a disabled state.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "errorMessage",
+              "description": "Renders all checkboxes in an error state with an error message.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "formId",
+              "description": "The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "hasError",
+              "description": "If set to true, renders all checkboxes in the group in an error state.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "hideLabel",
+              "description": "Shows/hides the group label.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "null"
+            },
+            {
+              "name": "items",
+              "required": true,
+              "description": "The checkbox group's items.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoCheckboxGroupItems"
+              }
+            },
+            {
+              "name": "label",
+              "required": true,
+              "description": "The name associated with the group. Required for accessibility purposes.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "v-model",
+              "description": "Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.\nDefaults to no value selected.",
+              "value": {
+                "kind": "expression",
+                "type": "Array<number | string | null>"
+              },
+              "default": "() => []"
+            },
+            {
+              "name": "optional",
+              "description": "Indicates the field is optional.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "readonly",
+              "description": "If set to true, renders all checkboxes in the group in a readonly state.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "required",
+              "description": "Indicates the field is required.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "tooltipText",
+              "description": "Tooltip message.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "variant",
+              "description": "The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoCheckboxGroupVariant | `${BentoCheckboxGroupVariant}`"
+              },
+              "default": "BentoCheckboxGroupVariant.VERTICAL"
+            }
+          ],
+          "slots": [
+            {
+              "name": "content"
+            }
+          ],
+          "source": {
+            "module": "./src/components/checkbox/components/checkbox-group/checkbox-group.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "click-outside-stub",
           "description": "",
@@ -5658,6 +5665,15 @@
               },
               "default": "null"
             },
+            {
+              "name": "componentName",
+              "required": true,
+              "description": "The name of the component to cite when throwing a depreacte error.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
             {
               "name": "disabled",
               "description": "Sets all child controls of the <fieldset> as disabled.",
@@ -5736,6 +5752,24 @@
           "name": "copy",
           "description": "An internal button component that copies text to the user's clipboard.",
           "attributes": [
+            {
+              "name": "button",
+              "description": "Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoCopyButtonProps"
+              },
+              "default": "() =>\n    ({\n        variant: 'tertiary',\n    } as BentoCopyButtonProps)"
+            },
+            {
+              "name": "buttonText",
+              "description": "Sets the button text of the copy button.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            },
             {
               "name": "text",
               "required": true,
@@ -5940,6 +5974,15 @@
               },
               "default": "undefined"
             },
+            {
+              "name": "selectableAcrossPages",
+              "description": "Adds an extra option when selecting all items that allows user to select items in other pages too.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "stickyPagination",
               "description": "Make pagination stick to the bottom of the page when the data-grid is bigger than the screen.\nBecause styles have to be applied to pagination container element, this has to be a data-grid prop (rather than a pagination prop).",
@@ -6028,6 +6071,62 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "data-grid-cell-actions",
+          "description": "",
+          "attributes": [
+            {
+              "name": "cellActions",
+              "required": true,
+              "description": "Column definitions using 'key' to relate to data object.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoColumnCellActions"
+              }
+            },
+            {
+              "name": "columnKey",
+              "required": true,
+              "description": "The column field key.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "rowDataItem",
+              "required": true,
+              "description": "The row data item object.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDatagridDataItem"
+              }
+            }
+          ],
+          "source": {
+            "module": "./src/components/data-grid/components/data-grid-cell-actions/data-grid-cell-actions.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "data-grid-cell-actions-with-icons-stub",
+          "description": "",
+          "attributes": [
+            {
+              "name": "data",
+              "required": true,
+              "description": "An array of data objects to display.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDatagridData"
+              }
+            }
+          ],
+          "source": {
+            "module": "./src/components/data-grid/__tests__/data-grid-cell-actions-with-icons-stub.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "data-grid-columns",
           "description": "",
@@ -6113,6 +6212,15 @@
               },
               "default": "undefined"
             },
+            {
+              "name": "selectableAcrossPages",
+              "description": "Adds an extra option when selecting all, to select items in other pages too",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "sortBy",
               "description": "Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.\nIt does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.",
@@ -6292,12 +6400,30 @@
         },
         {
           "name": "divider",
-          "description": "Divider component is a thin line that helps separate content and group them visually into sections.",
+          "description": "",
           "source": {
             "module": "./src/components/divider/divider.vue",
             "symbol": "default"
           }
         },
+        {
+          "name": "divider-mock",
+          "description": "",
+          "attributes": [
+            {
+              "name": "inverse",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "source": {
+            "module": "./src/components/divider/__tests__/divider-mock.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "dropdown-base-textbox",
           "description": "Only for internal use, implements the logic of the textbox element to be implemented in the combobox.",
@@ -6307,7 +6433,7 @@
               "description": "The number of additional items that have been selected in the dropdown.",
               "value": {
                 "kind": "expression",
-                "type": "number"
+                "type": "number | string"
               },
               "default": "0"
             },
@@ -6456,11 +6582,35 @@
               "name": "default"
             },
             {
-              "name": "icon"
+              "name": "icon"
+            }
+          ],
+          "source": {
+            "module": "./src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "dropdown-click-outside-stub",
+          "description": "",
+          "attributes": [
+            {
+              "name": "items",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdown.props.items"
+              }
+            },
+            {
+              "name": "multiple",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDropdown.props.multiple"
+              }
             }
           ],
           "source": {
-            "module": "./src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue",
+            "module": "./src/components/dropdown/__tests__/dropdown-click-outside-stub.vue",
             "symbol": "default"
           }
         },
@@ -6473,7 +6623,7 @@
               "description": "The number of additional items that have been selected in the dropdown.",
               "value": {
                 "kind": "expression",
-                "type": "number"
+                "type": "number | string"
               },
               "default": "0"
             },
@@ -6736,7 +6886,7 @@
               "description": "The number of additional items that have been selected in the dropdown.",
               "value": {
                 "kind": "expression",
-                "type": "number"
+                "type": "number | string"
               },
               "default": "0"
             },
@@ -7093,6 +7243,14 @@
                 "type": "BentoFilterBarModel"
               },
               "default": "undefined"
+            },
+            {
+              "name": "filterValues",
+              "value": {
+                "kind": "expression",
+                "type": "BentoFilterValues"
+              },
+              "default": "undefined"
             }
           ],
           "source": {
@@ -7739,6 +7897,15 @@
                 "type": "BentoListboxValue[]"
               },
               "default": "() => []"
+            },
+            {
+              "name": "staticCategories",
+              "description": "If enabled, dropdown will display non-selectable, static categories",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "events": [
@@ -8617,6 +8784,147 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "radio-group",
+          "description": "A radio group component should be used whenever it is necessary to use a set of radio buttons\nThis component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n\nimport { BentoRadioGroup } from '@adyen/bento-vue2/';\n\nexport default {\n    components: { BentoRadioGroup },\n    template: `\n            <bento-radio-group\n               label=\"Your group label\"\n               :items=\"[\n                   { value: 1, label: 'Your label' },\n                   { value: 2, label: 'Another label', description: 'Your descriptive sub label' },\n                ]\"\n                variant=\"horizontal\"\n             />\n    `\n};",
+          "attributes": [
+            {
+              "name": "description",
+              "description": "Descriptive supporting text visbile underneath the label.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "disabled",
+              "description": "If set to true, renders all radio-buttons in the group in a disabled state.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "errorMessage",
+              "description": "If string is passed, all radio-buttons in an error state and renders the string beneath the buttons.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "formId",
+              "description": "The form id the radio group is associated with. Defaults to null, as a radio group can also be used standalone.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "hasError",
+              "description": "If set to true, renders all radio-buttons in the group in an error state.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "hideLabel",
+              "description": "Shows/hides the group label.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "null"
+            },
+            {
+              "name": "items",
+              "required": true,
+              "description": "The radio group's items.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoRadioGroupItems"
+              }
+            },
+            {
+              "name": "label",
+              "required": true,
+              "description": "The name associated with the group. Required for accessibility purposes.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "v-model",
+              "description": "Determines the initially selected value of the group. Corresponds to the BentoRadioButtonItem's value.\nDefaults to no value selected.",
+              "value": {
+                "kind": "expression",
+                "type": "number|string|null"
+              },
+              "default": "null"
+            },
+            {
+              "name": "optional",
+              "description": "Indicates the field is optional.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "readonly",
+              "description": "If set to true, renders all radio-buttons in the group in a readonly state.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "required",
+              "description": "Indicates the field is required.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "tooltipText",
+              "description": "Tooltip message.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "variant",
+              "description": "The radio group's layout. It can be vertical or horizontal. Defaults to vertical.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoRadioGroupVariant | `${BentoRadioGroupVariant}`"
+              },
+              "default": "BentoRadioGroupVariant.VERTICAL"
+            }
+          ],
+          "slots": [
+            {
+              "name": "content"
+            }
+          ],
+          "source": {
+            "module": "./src/components/radio-group/radio-group.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "search-bar",
           "description": "",
@@ -8686,6 +8994,102 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "secondary-nav",
+          "description": "",
+          "attributes": [
+            {
+              "name": "items",
+              "required": true,
+              "description": "An array containing all the items on the nav. The array can have either {@see BentoSecondaryNavItemsCategory },\nwhich is used to group different items or {@see BentoSecondaryNavItemsItem } if you don't need to group them.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoSecondaryNavItems"
+              }
+            },
+            {
+              "name": "value",
+              "required": false,
+              "description": "The value of the selected item.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "Emmited when the current selected item changes"
+            }
+          ],
+          "source": {
+            "module": "./src/components/secondary-nav/secondary-nav.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "secondary-nav-category",
+          "description": "",
+          "attributes": [
+            {
+              "name": "label",
+              "required": true,
+              "description": "The display name of the category",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "items",
+              "required": true,
+              "description": "A list of {@see BentoSecondaryNavItemsItem} that belongs to this category",
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              }
+            }
+          ],
+          "source": {
+            "module": "./src/components/secondary-nav/components/secondary-nav-category/secondary-nav-category.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "secondary-nav-item",
+          "description": "",
+          "attributes": [
+            {
+              "name": "label",
+              "required": true,
+              "description": "The display name of the navigation item",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "value",
+              "required": true,
+              "description": "The value of this item.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "Event emitted when this element is clicked"
+            }
+          ],
+          "source": {
+            "module": "./src/components/secondary-nav/components/secondary-nav-item/secondary-nav-item.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "sidepanel",
           "description": "",
@@ -8901,12 +9305,21 @@
           "attributes": [
             {
               "name": "labelsWidth",
-              "description": "Width of the labels container, in pixels. Default is 180 (px).",
+              "description": "Width of the labels container, in pixels. Overrides layout prop.",
               "value": {
                 "kind": "expression",
                 "type": "number"
               },
-              "default": "180"
+              "default": "null"
+            },
+            {
+              "name": "layout",
+              "description": "The layout of the label value pair in percentage.\nIf labelsWidth is set, layout will be overriden by the static pixel value.\n\nIf the value entered is not listed in the example\nlist below '33-66' will be applied",
+              "value": {
+                "kind": "expression",
+                "type": "BentoStructuredListLayoutOptions"
+              },
+              "default": "'33-66'"
             }
           ],
           "slots": [