@adyen/bento-vue2 1.79.1 → 1.80.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.79.1",
+  "version": "1.80.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2009,149 +2009,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-timeline",
-          "description": "Timeline displays a collection of events in a reverse chronological order (newest event is displayed on the top).",
-          "attributes": [
-            {
-              "name": "addNote",
-              "description": "If set to true, gives the possibility to manually add notes to the timeline via a textarea",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "showMore",
-              "description": "Object that determines the max number of items to show without clicking the show more button\nand where in the timeline is the show more button placed",
-              "value": {
-                "kind": "expression",
-                "type": "BentoTimelineShowMoreObject"
-              },
-              "default": "null"
-            },
-            {
-              "name": "timegapLimit",
-              "description": "Object that determines minimum amount of time for the automatic timegap indicator;\nDefine a unit (hour, day, month) and an amount (e.g. { amount: 7, unit: 'days' }).\nIf null, automatic timegap detection will be turned off",
-              "value": {
-                "kind": "expression",
-                "type": "BentoTimelineGapObject"
-              },
-              "default": "null"
-            }
-          ],
-          "events": [
-            {
-              "name": "add-timeline-note"
-            }
-          ],
-          "slots": [
-            {
-              "name": "default"
-            }
-          ],
-          "source": {
-            "module": "./src/components/timeline/timeline.vue",
-            "symbol": "default"
-          }
-        },
-        {
-          "name": "bento-timeline-item",
-          "description": "BentoTimelineItem renders each event in the Timeline component",
-          "attributes": [
-            {
-              "name": "additionalTimestamp",
-              "description": "Additional timestamp of the event",
-              "value": {
-                "kind": "expression",
-                "type": "BentoTimelineTimestamp"
-              },
-              "default": "null"
-            },
-            {
-              "name": "dataList",
-              "description": "Relevant key-value pair data to display in the event",
-              "value": {
-                "kind": "expression",
-                "type": "BentoTimelineDataList"
-              },
-              "default": "null"
-            },
-            {
-              "name": "description",
-              "description": "Description of the event",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "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",
-              "value": {
-                "kind": "expression",
-                "type": "BentoTimelineTagProps"
-              },
-              "default": "undefined"
-            },
-            {
-              "name": "timestamp",
-              "required": true,
-              "description": "Main timestamp of the event. Used for timegap detection.",
-              "value": {
-                "kind": "expression",
-                "type": "BentoTimelineTimestamp"
-              }
-            },
-            {
-              "name": "title",
-              "description": "Title of the event",
-              "value": {
-                "kind": "expression",
-                "type": "BentoTimelineItemTitle | string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "type",
-              "description": "Type of the timeline item. If set to 'note', it renders a note item in the timeline. Defaults to 'milestone'.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "'milestone'"
-            },
-            {
-              "name": "variant",
-              "description": "Variant for the timeline item",
-              "value": {
-                "kind": "expression",
-                "type": "BentoTimelineItemVariant | `${BentoTimelineItemVariant}`"
-              },
-              "default": "null"
-            }
-          ],
-          "slots": [
-            {
-              "name": "default"
-            }
-          ],
-          "source": {
-            "module": "./src/components/timeline/components/timeline-item/timeline-item.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "button",
           "description": "",
@@ -2992,6 +2849,32 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "card-with-dynamic-content",
+          "description": "",
+          "attributes": [
+            {
+              "name": "title",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "content",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "'Content'"
+            }
+          ],
+          "source": {
+            "module": "./src/components/card/__tests__/card-with-dynamic-content.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "checkbox-group",
           "description": "",
@@ -3143,6 +3026,92 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "checkbox-group-filter",
+          "description": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Disables the filter from being interacted with.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "defaultValue",
+              "required": false,
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoCheckboxGroupFilterValue"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "field",
+              "required": true,
+              "description": "Filter name/key referencing the actual property name in the data set.\nShould be unique per filter bar.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "label",
+              "required": true,
+              "description": "Label text to be displayed",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "onlySlot",
+              "required": false,
+              "description": "Renders the base filter's slot content only - leaving out the button and the popover.\nUsed for the allFiltersModal component.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "options",
+              "required": false,
+              "description": "List of options that are needed to setup the filter",
+              "value": {
+                "kind": "expression",
+                "type": "BentoCheckboxGroupFilterOptions"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "value",
+              "required": false,
+              "description": "Current value of the filter",
+              "value": {
+                "kind": "expression",
+                "type": "BentoCheckboxGroupFilterValue"
+              },
+              "default": "undefined"
+            }
+          ],
+          "events": [
+            {
+              "name": "input"
+            },
+            {
+              "name": "update"
+            }
+          ],
+          "source": {
+            "module": "./src/components/filter-bar/components/checkbox-group-filter/checkbox-group-filter.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "checkbox-input",
           "description": "",
@@ -4430,6 +4399,10 @@
             {
               "name": "nested-content-toggled",
               "description": "Emitted when nested content is being toggled."
+            },
+            {
+              "name": "cell-focus",
+              "description": "Emitted when a cell gains focus."
             }
           ],
           "slots": [
@@ -5145,6 +5118,10 @@
             {
               "name": "nested-content-toggled",
               "description": "Emitted when a row with nested content is toggled"
+            },
+            {
+              "name": "cell-focus",
+              "description": "Emitted when a row cell is focused."
             }
           ],
           "slots": [
@@ -8604,7 +8581,7 @@
               "description": "Configurations for the focus-trap when trap-all is active.",
               "value": {
                 "kind": "expression",
-                "type": "FocusTrapOptions"
+                "type": "BentoFocusTrapOptions"
               },
               "default": "undefined"
             }
@@ -13174,6 +13151,92 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "radio-group-filter",
+          "description": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Disables the filter from being interacted with.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "defaultValue",
+              "required": false,
+              "description": "Default value of the filter to reset to.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoRadioGroupFilterValue"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "field",
+              "required": true,
+              "description": "Filter name/key referencing the actual property name in the data set.\nShould be unique per filter bar.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "label",
+              "required": true,
+              "description": "Label text to be displayed",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "options",
+              "required": true,
+              "description": "List of options that are needed to setup the filter\nAvailable options:\n  - items: Radio group elements containing \"value\" and \"label\"",
+              "value": {
+                "kind": "expression",
+                "type": "BentoRadioGroupFilterOptions"
+              },
+              "default": "() => ({\n    items: [],\n})"
+            },
+            {
+              "name": "onlySlot",
+              "required": false,
+              "description": "Renders the base filter's slot content only - leaving out the button and the popover.\nUsed for the allFiltersModal component.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "value",
+              "required": false,
+              "description": "The current value of the filter, used for v-model.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoRadioGroupFilterValue"
+              },
+              "default": "undefined"
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "description": "Used in the All filters modal"
+            },
+            {
+              "name": "update",
+              "description": "Used in the Filter Bar"
+            }
+          ],
+          "source": {
+            "module": "./src/components/filter-bar/components/radio-group-filter/radio-group-filter.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "radio-group-slots-example",
           "description": "",
@@ -16095,6 +16158,56 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "timeline",
+          "description": "",
+          "attributes": [
+            {
+              "name": "addNote",
+              "required": false,
+              "description": "If set to true, gives the possibility to manually add notes to the timeline via a textarea",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "showMore",
+              "required": false,
+              "description": "Object that determines the max number of items to show without clicking the show more button\nand where in the timeline is the show more button placed",
+              "value": {
+                "kind": "expression",
+                "type": "BentoTimelineShowMoreObject"
+              },
+              "default": "null"
+            },
+            {
+              "name": "timegapLimit",
+              "required": false,
+              "description": "Object that determines minimum amount of time for the automatic timegap indicator;\nDefine a unit (hour, day, month) and an amount (e.g. { amount: 7, unit: 'days' }).\nIf null, automatic timegap detection will be turned off",
+              "value": {
+                "kind": "expression",
+                "type": "BentoTimelineGapObject"
+              },
+              "default": "null"
+            }
+          ],
+          "events": [
+            {
+              "name": "add-timeline-note"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/timeline/timeline.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "timeline-dynamic-add-stub",
           "description": "",
@@ -16103,6 +16216,110 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "timeline-item",
+          "description": "",
+          "attributes": [
+            {
+              "name": "additionalTimestamp",
+              "required": false,
+              "description": "Additional timestamp of the event",
+              "value": {
+                "kind": "expression",
+                "type": "BentoTimelineTimestamp"
+              },
+              "default": "null"
+            },
+            {
+              "name": "dataList",
+              "required": false,
+              "description": "Relevant key-value pair data to display in the event",
+              "value": {
+                "kind": "expression",
+                "type": "BentoTimelineDataList"
+              },
+              "default": "null"
+            },
+            {
+              "name": "description",
+              "required": false,
+              "description": "Description of the event",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "status",
+              "required": false,
+              "description": "Modifier that changes the color of the timeline icon",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "'black'"
+            },
+            {
+              "name": "tag",
+              "required": false,
+              "description": "Tag props that will be passed down to inner tag component",
+              "value": {
+                "kind": "expression",
+                "type": "BentoTimelineTagProps"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "timestamp",
+              "required": true,
+              "description": "Main timestamp of the event. Used for timegap detection.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoTimelineTimestamp"
+              }
+            },
+            {
+              "name": "title",
+              "required": false,
+              "description": "Title of the event",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "null"
+            },
+            {
+              "name": "type",
+              "required": false,
+              "description": "Type of the timeline item. If set to 'note', it renders a note item in the timeline. Defaults to 'milestone'.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "'milestone'"
+            },
+            {
+              "name": "variant",
+              "required": false,
+              "description": "Variant for the timeline item",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "null"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/timeline/components/timeline-item/timeline-item.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "timeline-stub",
           "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue2",
-  "version": "1.79.1",
+  "version": "1.80.0",
   "description": "Adyen Bento Vue2 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -48,7 +48,7 @@
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.79.1"
+    "@adyen/bento-design-tokens": "1.80.0"
   },
   "dependenciesMeta": {
     "@adyen/bento-vue-i18n-demi": {
@@ -128,10 +128,10 @@
     "vue-template-compiler": "2.7.16",
     "vue-tsc": "1.0.24",
     "zod": "3.25.35",
+    "@adyen/bento-cli": "0.7.4",
     "@adyen/bento-core": "0.0.1",
     "@adyen/bento-tailwind": "0.7.4",
     "@adyen/bento-vue-i18n-demi": "0.1.0",
-    "@adyen/bento-cli": "0.7.4",
     "@adyen/ui-assets-icons-16": "7.3.4",
     "@adyen/ui-assets-payment-method-icons": "10.4.4"
   },