@adyen/bento-vue2 1.84.2 → 1.86.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.84.2",
+  "version": "1.86.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -121,12 +121,12 @@
             },
             {
               "name": "itemCounter",
-              "required": true,
-              "description": "Show how many items are selected",
+              "description": "Show how many items are selected.\nWhen omitted in the `confirmation` variant, a generic \"Unsaved changes\" label is displayed.",
               "value": {
                 "kind": "expression",
                 "type": "number"
-              }
+              },
+              "default": "null"
             },
             {
               "name": "selectionLabel",
@@ -251,6 +251,78 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "ai-tag",
+          "description": "",
+          "attributes": [
+            {
+              "name": "title",
+              "required": true,
+              "description": "The team-provided headline describing the specific AI action.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "description",
+              "required": true,
+              "description": "The team-provided, plain-language explanation of what the AI did, why, or its limitations.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "influencedValue",
+              "required": false,
+              "description": "AI influenced value shown for context.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "toggled",
+              "required": false,
+              "description": "Whether the AI tag popover is open.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "action",
+              "required": false,
+              "description": "A call-to-action link or button for users to learn more, manage settings, or provide feedback.\nThe `title` property in the `BentoButtonActionObject` will be used as the button text.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoButtonActionObject"
+              },
+              "default": "undefined"
+            }
+          ],
+          "events": [
+            {
+              "name": "update:toggled",
+              "description": "Triggered when the popover is toggled"
+            }
+          ],
+          "source": {
+            "module": "./src/components/ai-tag/ai-tag.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "ai-tag-default",
+          "description": "",
+          "source": {
+            "module": "./src/components/ai-tag/__tests__/ai-tag-default.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "alert",
           "description": "",
@@ -378,6 +450,90 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "anchor-scroller",
+          "description": "",
+          "attributes": [
+            {
+              "name": "activeIndex",
+              "required": false,
+              "description": "The index of the currently active item. Can be used to programmatically set the\nactive item.",
+              "value": {
+                "kind": "expression",
+                "type": "TSIndexedAccessType"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "items",
+              "required": true,
+              "description": "An array of objects to define the navigation links. Each object must have a\n`label` (string), an `elementRef` (Vue ref to an element), and an optional\n`disabled` (boolean) property.",
+              "value": {
+                "kind": "expression",
+                "type": "TSIndexedAccessType"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "update:active-index",
+              "description": "Emits update event when the active index is changed"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/anchor-scroller/anchor-scroller.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "anchor-scroller-default-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/anchor-scroller/__tests__/anchor-scroller-default-example.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "anchor-scroller-list",
+          "description": "",
+          "attributes": [
+            {
+              "name": "activeIndex",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "items",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              }
+            },
+            {
+              "name": "scrollOffset",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "undefined"
+            }
+          ],
+          "source": {
+            "module": "./src/components/anchor-scroller/components/anchor-scroller-list/anchor-scroller-list.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "avatar",
           "description": "",
@@ -4539,6 +4695,14 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "data-grid-cell-actions-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/data-grid/__tests__/data-grid-cell-actions-example.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "data-grid-cell-actions-with-icons-stub",
           "description": "",
@@ -5156,6 +5320,14 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "data-grid-row-actions-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/data-grid/__tests__/data-grid-row-actions-example.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "data-grid-selection-example",
           "description": "",
@@ -5269,6 +5441,50 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "data-grid-tag-with-text-cell",
+          "description": "",
+          "attributes": [
+            {
+              "name": "tag",
+              "required": true,
+              "description": "The tag to display. {@see BentoTagProps}",
+              "value": {
+                "kind": "expression",
+                "type": "BentoTagProps"
+              }
+            },
+            {
+              "name": "value",
+              "required": true,
+              "description": "The text to display next to the tag.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "source": {
+            "module": "./src/components/data-grid/components/data-grid-tag-with-text-cell/data-grid-tag-with-text-cell.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "data-grid-tag-with-text-cell-default-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/data-grid/components/data-grid-tag-with-text-cell/__tests__/data-grid-tag-with-text-cell-default-example.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "data-grid-tag-with-text-cell-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/data-grid/__tests__/data-grid-tag-with-text-cell-example.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "data-grid-trend-cell",
           "description": "",
@@ -5484,7 +5700,7 @@
                 "kind": "expression",
                 "type": "BentoDatePickerFirstDayOfWeek"
               },
-              "default": "1"
+              "default": "undefined"
             },
             {
               "name": "isDateDisabled",
@@ -5681,7 +5897,7 @@
                 "kind": "expression",
                 "type": "union"
               },
-              "default": "1"
+              "default": "undefined"
             },
             {
               "name": "granularities",
@@ -6114,6 +6330,89 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "draggable-handle",
+          "description": "",
+          "attributes": [
+            {
+              "name": "condensed",
+              "required": false,
+              "description": "Reduces the size of the handle",
+              "value": {
+                "kind": "expression",
+                "type": "TSIndexedAccessType"
+              },
+              "default": "false"
+            },
+            {
+              "name": "disabledMenus",
+              "required": false,
+              "description": "Allows to disable the menus individually",
+              "value": {
+                "kind": "expression",
+                "type": "{\n    bottom?: boolean;\n    down?: boolean;\n    left?: boolean;\n    right?: boolean;\n    top?: boolean;\n    up?: boolean;\n}"
+              },
+              "default": "() => ({})"
+            },
+            {
+              "name": "label",
+              "required": true,
+              "description": "Title or label used to describe the element being dragged.\nUsed for accessibility.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "variant",
+              "required": false,
+              "description": "Determines the set of directional actions available in the handle's context menu.\n\n- `'all-directions'`: Includes 'Move up', 'Move down', 'Move left', 'Move right', 'Move to top', and 'Move to bottom'.\n- `'up-and-down'`: Includes 'Move up', 'Move down', 'Move to top', and 'Move to bottom'.",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "'up-and-down'"
+            }
+          ],
+          "events": [
+            {
+              "name": "move-bottom",
+              "description": "Emitted when the \"Move to bottom\" action is fired."
+            },
+            {
+              "name": "move-down",
+              "description": "Emitted when the \"Move down\" action is fired."
+            },
+            {
+              "name": "move-left",
+              "description": "Emitted when the \"Move left\" action is fired. (Only in `all-directions` variant)"
+            },
+            {
+              "name": "move-right",
+              "description": "Emitted when the \"Move right\" action is fired. (Only in `all-directions` variant)"
+            },
+            {
+              "name": "move-top",
+              "description": "Emitted when the \"Move to top\" action is fired."
+            },
+            {
+              "name": "move-up",
+              "description": "Emitted when the \"Move up\" action is fired."
+            }
+          ],
+          "source": {
+            "module": "./src/components/draggable-handle/draggable-handle.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "draggable-handle-default-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/draggable-handle/__tests__/draggable-handle-default-example.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "dropdown",
           "description": "",
@@ -6533,15 +6832,6 @@
               },
               "default": "null"
             },
-            {
-              "name": "debounceTime",
-              "description": "Custom debounce time for the user type event.",
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              },
-              "default": "300"
-            },
             {
               "name": "disabled",
               "description": "Disables any textbox functionality",
@@ -6827,15 +7117,6 @@
               },
               "default": "false"
             },
-            {
-              "name": "debounceTime",
-              "description": "Custom debounce time. Default: 300",
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              },
-              "default": "300"
-            },
             {
               "name": "disabled",
               "description": "Disables any textbox functionality",
@@ -7330,15 +7611,6 @@
               },
               "default": "null"
             },
-            {
-              "name": "debounceTime",
-              "description": "Custom debounce time. Default: 300",
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              },
-              "default": "300"
-            },
             {
               "name": "disabled",
               "description": "Disables any textbox functionality",
@@ -8604,6 +8876,15 @@
                 "type": "number"
               },
               "default": "0"
+            },
+            {
+              "name": "centered",
+              "description": "Padding to be applied to the top of the scroller container",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "slots": [
@@ -8635,6 +8916,14 @@
                 "type": "number"
               },
               "default": "0"
+            },
+            {
+              "name": "centered",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "source": {
@@ -9156,7 +9445,7 @@
             },
             {
               "name": "reorder:view",
-              "description": "Emitted when the user reorganises the order of the views.\nNo `targetViewLabel` is emitted as the views are reordered as a whole."
+              "description": "Emitted when the user reorganizes the order of the views.\nNo `targetViewLabel` is emitted as the views are reordered as a whole."
             },
             {
               "name": "restore:view",
@@ -9393,7 +9682,7 @@
             },
             {
               "name": "reorder:view",
-              "description": "Emitted when the user reorganises the order of the views.\nNo `targetViewLabel` is emitted as the views are reordered as a whole."
+              "description": "Emitted when the user reorganizes the order of the views.\nNo `targetViewLabel` is emitted as the views are reordered as a whole."
             },
             {
               "name": "restore:view",
@@ -12130,6 +12419,14 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "non-linear-stepper-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/stepper/__tests__/non-linear-stepper-example.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "pagination",
           "description": "",
@@ -12707,6 +13004,13 @@
                 "type": "BentoPopover.props.position"
               }
             },
+            {
+              "name": "fallbackPosition",
+              "value": {
+                "kind": "expression",
+                "type": "BentoPopover.props.fallbackPosition"
+              }
+            },
             {
               "name": "small",
               "value": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue2",
-  "version": "1.84.2",
+  "version": "1.86.0",
   "description": "Adyen Bento Vue2 components",
   "type": "module",
   "main": "dist/index.js",
@@ -37,6 +37,7 @@
     "@floating-ui/vue": "1.0.7",
     "@lezer/highlight": "1.2.1",
     "@types/mdast": "3.0.15",
+    "@types/sortablejs": "1.15.9",
     "@types/unist": "2.0.11",
     "@vueuse/core": "11.3.0",
     "date-fns": "4.1.0",
@@ -46,10 +47,11 @@
     "mime": "4.0.6",
     "remark-gfm-old": "npm:remark-gfm@3.0.1",
     "remark-parse": "10.0.2",
+    "sortablejs": "1.15.6",
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.84.2"
+    "@adyen/bento-design-tokens": "1.86.0"
   },
   "dependenciesMeta": {
     "@adyen/bento-vue-i18n-demi": {
@@ -68,7 +70,7 @@
   },
   "devDependencies": {
     "@adyen/lume": "1.11.3",
-    "@axe-core/playwright": "4.9.0",
+    "@axe-core/playwright": "4.11.1",
     "@codemirror/commands": "6.3.3",
     "@codemirror/lang-java": "6.0.1",
     "@codemirror/lang-javascript": "6.2.2",
@@ -125,7 +127,7 @@
     "typescript": "5.6.3",
     "vite": "5.4.21",
     "vite-plugin-dynamic-import": "1.5.0",
-    "vite-plugin-static-copy": "0.15.0",
+    "vite-plugin-static-copy": "3.2.0",
     "vitest": "2.1.9",
     "vue": "2.7.16",
     "vue-demi": "0.14.10",
@@ -135,13 +137,11 @@
     "vue-template-compiler": "2.7.16",
     "vue-tsc": "1.0.24",
     "zod": "3.25.35",
-    "@adyen/bento-cli": "0.9.0",
+    "@adyen/bento-cli": "0.9.2",
     "@adyen/bento-core": "0.0.1",
-    "@adyen/bento-mcp": "0.1.0",
-    "@adyen/bento-tailwind": "0.10.1",
     "@adyen/bento-vue-i18n-demi": "0.1.0",
-    "@adyen/ui-assets-icons-16": "7.6.0",
-    "@adyen/ui-assets-payment-method-icons": "10.6.0"
+    "@adyen/ui-assets-icons-16": "7.7.1",
+    "@adyen/ui-assets-payment-method-icons": "10.6.2"
   },
   "optionalDependencies": {
     "vue-router": "~3.6"

package/dist/assets/field-label.css

@@ -1 +0,0 @@
-.b-error-message[data-v-2490b85a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:flex-start;color:var(--b-color-label-critical);display:flex}.b-error-message[data-v-2490b85a],.b-error-message[data-v-2490b85a]:before,.b-error-message[data-v-2490b85a]:after{box-sizing:border-box}.b-error-message *[data-v-2490b85a],.b-error-message *[data-v-2490b85a]:before,.b-error-message *[data-v-2490b85a]:after{box-sizing:border-box}.b-error-message[data-v-2490b85a] ::-webkit-scrollbar{height:14px;width:14px}.b-error-message[data-v-2490b85a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-error-message__icon[data-v-2490b85a]{align-items:center;display:inline-flex;height:var(--b-text-body-line-height);margin-right:var(--b-spacer-040)}.b-field-label[data-v-2cfbcc40]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-color-label-primary);display:inline-block;margin-bottom:var(--b-spacer-040)}.b-field-label[data-v-2cfbcc40],.b-field-label[data-v-2cfbcc40]:before,.b-field-label[data-v-2cfbcc40]:after{box-sizing:border-box}.b-field-label *[data-v-2cfbcc40],.b-field-label *[data-v-2cfbcc40]:before,.b-field-label *[data-v-2cfbcc40]:after{box-sizing:border-box}.b-field-label[data-v-2cfbcc40] ::-webkit-scrollbar{height:14px;width:14px}.b-field-label[data-v-2cfbcc40] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-field-label[data-v-2cfbcc40]>:not(:last-child){margin-right:var(--b-spacer-020)}.b-field-label__tooltip-wrapper[data-v-2cfbcc40]:not(:last-child){margin-right:var(--b-spacer-040)}.b-field-label__tooltip[data-v-2cfbcc40]{vertical-align:text-bottom}.b-field-label__requirement[data-v-2cfbcc40]{color:var(--b-color-label-secondary)}.b-field-label--condensed[data-v-2cfbcc40]{margin-bottom:var(--b-spacer-030)}[data-v-2cfbcc40]:host{display:inline-block}