@adyen/bento-vue2 1.9.0 → 1.10.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.9.0",
+  "version": "1.10.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": [
@@ -5304,6 +5060,116 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "button",
+          "description": "",
+          "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": "blur",
+              "description": "Emitted when the element has lost focus"
+            },
+            {
+              "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": "",
@@ -5610,7 +5476,148 @@
             }
           ],
           "source": {
-            "module": "./src/components/card/__tests__/card-stub.vue",
+            "module": "./src/components/card/__tests__/card-stub.vue",
+            "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"
           }
         },
@@ -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"
             },
@@ -6473,7 +6599,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 +6862,7 @@
               "description": "The number of additional items that have been selected in the dropdown.",
               "value": {
                 "kind": "expression",
-                "type": "number"
+                "type": "number | string"
               },
               "default": "0"
             },
@@ -7739,6 +7865,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 +8752,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": "",
@@ -8901,12 +9177,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": [