@adyen/bento-vue2 1.65.0 → 1.66.0

package/dist/internal.js

@@ -1,16 +1,16 @@
-import { a as e, b as r, C as t, c as s, d as p } from "./chunks/calendar.DbTC35rM.js";
-import { C as n, a as l } from "./chunks/copy.CXeLbvUP.js";
-import { C as f } from "./chunks/controls-group.BWAmz7Tg.js";
+import { a as e, b as r, C as t, c as s, d as p } from "./chunks/calendar.DvIQEYwN.js";
+import { C as n, a as l } from "./chunks/copy.CF8Fzu2Y.js";
+import { C as f } from "./chunks/controls-group.CccuLkgP.js";
 import { B as I, b as m, a as E, D as T } from "./chunks/dialog-page.CLHZqQeU.js";
-import { E as d, F as N } from "./chunks/error-message.1Em7Lis3.js";
+import { E as d, F as N } from "./chunks/error-message.BgxnwPLF.js";
 import { F as O } from "./chunks/fixed-scroller.XN-jvWqb.js";
 import { G as A, a as L } from "./chunks/grid-layout.HvTAa4to.js";
 import { I as c } from "./chunks/info-icon-with-popover.COq40yTq.js";
-import { b, c as g, u as y } from "./chunks/use-cached-selected-values.DNOmzQVy.js";
+import { b, c as g, u as y } from "./chunks/use-cached-selected-values.CusB5KBl.js";
 import { L as F } from "./chunks/listbox-option-tag.D0Cql_R3.js";
 import { B as M } from "./chunks/teleport.BV6zrDjA.js";
 import { T as h } from "./chunks/tooltip.wQsyAwkC.js";
-import { B as J } from "./chunks/button-actions-with-menu.CYkEoiee.js";
+import { B as J } from "./chunks/button-actions-with-menu.BVU1NS0m.js";
 import { f as R } from "./chunks/button-actions._OIvTdKt.js";
 export {
   R as BUTTON_ACTIONS_WITH_MENU_CONTAINER_INJECTION_KEY,

package/dist/pagination.js

@@ -1,4 +1,4 @@
-import { B as n } from "./chunks/pagination.Cl7SzoId.js";
+import { B as n } from "./chunks/pagination.CW_1yX5C.js";
 export {
   n as BentoPagination
 };

package/dist/radio-group.js

@@ -1,4 +1,4 @@
-import { b as t, B as e, a as n } from "./chunks/radio-group.CtPG_iiI.js";
+import { b as t, B as e, a as n } from "./chunks/radio-group.4_KKjvAm.js";
 import { R as B } from "./chunks/radio-input.uJAhxKRs.js";
 export {
   t as BentoRadioButton,

package/dist/rich-text-editor.js

@@ -1,4 +1,4 @@
-import { r as t } from "./chunks/rich-text-editor.CLxVaskq.js";
+import { r as t } from "./chunks/rich-text-editor.BpaFd2-y.js";
 export {
   t as BentoRichTextEditor
 };

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.CadVBoj0.js";
-import { u as o } from "./chunks/dropdown.DV7uhHNP.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.5JHI6li0.js";
+import { u as o } from "./chunks/dropdown.BWsU98dn.js";
 export {
   r as BentoSearchBar,
   t as BentoSearchBarEvent,

package/dist/secondary-nav.js

@@ -1,4 +1,4 @@
-import { s as e } from "./chunks/secondary-nav.OwimHNCb.js";
+import { s as e } from "./chunks/secondary-nav.D4hrWvf7.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/selection-card.js

@@ -1,4 +1,4 @@
-import { B as t, s as a, a as n } from "./chunks/selection-card-group.CoqBRUT8.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.0o5T4tab.js";
 export {
   t as BentoSelectionCard,
   a as BentoSelectionCardGroup,

package/dist/stepper.js

@@ -1,4 +1,4 @@
-import { a as p, s as o, B as a, b as n } from "./chunks/step.dNTg2rtW.js";
+import { a as p, s as o, B as a, b as n } from "./chunks/step.DMMofD4B.js";
 export {
   p as BentoStep,
   o as BentoStepper,

package/dist/structured-list.js

@@ -1,4 +1,4 @@
-import { B as r, a as o } from "./chunks/structured-list-item.tox2Kcb6.js";
+import { B as r, a as o } from "./chunks/structured-list-item.Bnn6-Z3q.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/styles/bento-dark.css

@@ -1598,6 +1598,7 @@
   --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-background-color: var(--b-color-background-primary);
+  --b-data-grid-template-header-with-views-padding: var(--b-spacer-000);
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);

package/dist/styles/bento-light.css

@@ -1596,6 +1596,7 @@
   --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-background-color: var(--b-color-background-primary);
+  --b-data-grid-template-header-with-views-padding: var(--b-spacer-000);
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);

package/dist/styles/bento.css

@@ -1596,6 +1596,7 @@
   --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-background-color: var(--b-color-background-primary);
+  --b-data-grid-template-header-with-views-padding: var(--b-spacer-000);
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);

package/dist/styles/legacy.css

@@ -1534,6 +1534,7 @@
   --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
+  --b-data-grid-template-header-with-views-padding: var(--b-spacer-000);
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);

package/dist/styles/styleguide.css

@@ -1651,6 +1651,7 @@
   --b-data-grid-template-additional-content-padding: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-margin: var(--b-spacer-000) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-additional-content-background-color: var(--b-color-background-primary);
+  --b-data-grid-template-header-with-views-padding: var(--b-spacer-000);
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);

package/dist/summary-grid.js

@@ -1,4 +1,4 @@
-import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid.types.CkUIw703.js";
+import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid.types.Cwri2Y3T.js";
 export {
   r as BentoSummaryGrid,
   t as BentoSummaryGridItemAmount,

package/dist/tabs.js

@@ -1,4 +1,4 @@
-import { B as e, a as s } from "./chunks/tabs.Dx6teJGW.js";
+import { a as e, B as s } from "./chunks/tab.BhWPBxcB.js";
 export {
   e as BentoTab,
   s as BentoTabs

package/dist/textarea.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.BPeDUAPL.js";
+import { B as o } from "./chunks/textarea.RAU710Uw.js";
 export {
   o as BentoTextarea
 };

package/dist/timeline.js

@@ -1,4 +1,4 @@
-import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.CS9ZDOsm.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.DK2d00rt.js";
 export {
   t as BentoTimeline,
   i as BentoTimelineGapUnit,

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.65.0",
+  "version": "1.66.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -1116,43 +1116,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-date",
-          "description": "A Date component is used to display a formatted date value.",
-          "attributes": [
-            {
-              "name": "date",
-              "description": "The date to format. The data can be supplied as:\n- a Date object.\n- a number of milliseconds elapsed since the epoch.\n- a date string e.g. '2023-07-31T10:55:22+02:00'.",
-              "value": {
-                "kind": "expression",
-                "type": "date|number|string"
-              },
-              "default": "null"
-            },
-            {
-              "name": "format",
-              "description": "The string format of the date to be displayed",
-              "value": {
-                "kind": "expression",
-                "type": "BentoDateFormat | `${BentoDateFormat}`"
-              },
-              "default": "BentoDateFormat.FULL_DATE_EXACT_TIME_WITHOUT_PERIOD"
-            },
-            {
-              "name": "disableTypography",
-              "description": "Disable the default typography for the component. Only use this when the component is inside another typography",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "source": {
-            "module": "./src/components/date/date.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-date-filter",
           "description": "The Date filter displays a calendar that allows\nto select a single date.",
@@ -1757,38 +1720,13 @@
           "slots": [
             {
               "name": "infoIconTooltipContent"
-            }
-          ],
-          "source": {
-            "module": "./src/components/header/header.vue",
-            "symbol": "default"
-          }
-        },
-        {
-          "name": "bento-info-icon",
-          "description": "",
-          "attributes": [
-            {
-              "name": "tooltipText",
-              "required": true,
-              "description": "Text showed in the info-icon tooltip on hover",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
             },
             {
-              "name": "tooltipPosition",
-              "description": "Position the tooltip should take if space is available. Defaults to 'auto'",
-              "value": {
-                "kind": "expression",
-                "type": "PopperContainerPosition | `${PopperContainerPosition}`"
-              },
-              "default": "PopperContainerPosition.AUTO"
+              "name": "description"
             }
           ],
           "source": {
-            "module": "./src/components/info-icon/info-icon.vue",
+            "module": "./src/components/header/header.vue",
             "symbol": "default"
           }
         },
@@ -2793,15 +2731,17 @@
             },
             {
               "name": "actionsLayout",
+              "required": false,
               "description": "Defines the layout in which the button actions is presented.",
               "value": {
                 "kind": "expression",
-                "type": "`${BentoButtonActionsLayout}`"
+                "type": "TSLiteralType"
               },
-              "default": "BentoButtonActionsLayout.BUTTONS_END"
+              "default": "'buttons-end'"
             },
             {
               "name": "disableResponsiveBehavior",
+              "required": false,
               "description": "The number of actions to be displayed. The rest of the actions will be collapsed in a menu component.",
               "value": {
                 "kind": "expression",
@@ -2811,6 +2751,7 @@
             },
             {
               "name": "displayedActions",
+              "required": false,
               "description": "The number of actions to be displayed. The rest of the actions will be collapsed in a menu component.",
               "value": {
                 "kind": "expression",
@@ -2820,6 +2761,7 @@
             },
             {
               "name": "inverse",
+              "required": false,
               "description": "Set inverse color scheme to buttons and menu",
               "value": {
                 "kind": "expression",
@@ -2829,6 +2771,7 @@
             },
             {
               "name": "hideDisplayedActionsBreakpoint",
+              "required": false,
               "description": "The min-width breakpoint to hide the button actions.\n\nFor example, a value of 200 means that buttons will be hidden at <= 200px.\n\nDefaults to 0 i.e. it shows all buttons.",
               "value": {
                 "kind": "expression",
@@ -2838,10 +2781,11 @@
             },
             {
               "name": "menuPosition",
+              "required": false,
               "description": "The position of where the menu should open.",
               "value": {
                 "kind": "expression",
-                "type": "BentoPopoverPositions | `${BentoPopoverPositions}`"
+                "type": "union"
               },
               "default": "'bottom-start'"
             }
@@ -4002,19 +3946,21 @@
         },
         {
           "name": "copy",
-          "description": "An internal button component that copies text to the user's clipboard.",
+          "description": "",
           "attributes": [
             {
               "name": "button",
+              "required": false,
               "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)"
+              "default": "() => (({\n    variant: 'tertiary'\n}) as BentoCopyButtonProps)"
             },
             {
               "name": "buttonText",
+              "required": false,
               "description": "Sets the button text of the copy button.",
               "value": {
                 "kind": "expression",
@@ -4033,6 +3979,7 @@
             },
             {
               "name": "tooltipPosition",
+              "required": false,
               "description": "Position the tooltip should take if space is available. Defaults to 'top'",
               "value": {
                 "kind": "expression",
@@ -4041,6 +3988,12 @@
               "default": "PopperContainerPosition.TOP"
             }
           ],
+          "events": [
+            {
+              "name": "click",
+              "description": "Emitted when the copy button is clicked."
+            }
+          ],
           "slots": [
             {
               "name": "default"
@@ -5517,6 +5470,46 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "date",
+          "description": "",
+          "attributes": [
+            {
+              "name": "date",
+              "required": false,
+              "description": "The date to format. The data can be supplied as:\n- a Date object.\n- a number of milliseconds elapsed since the epoch.\n- a date string e.g. '2023-07-31T10:55:22+02:00'.",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "null"
+            },
+            {
+              "name": "format",
+              "required": false,
+              "description": "The string format of the date to be displayed",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "BentoDateFormat.FULL_DATE_EXACT_TIME_WITHOUT_PERIOD"
+            },
+            {
+              "name": "disableTypography",
+              "required": false,
+              "description": "Disable the default typography for the component. Only use this when the component is inside another typography",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "source": {
+            "module": "./src/components/date/date.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "date-range-picker-calendar",
           "description": "Calendar for range dates. Contains the logic to handle the range forms.",
@@ -8515,6 +8508,41 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "info-icon",
+          "description": "",
+          "attributes": [
+            {
+              "name": "tooltipText",
+              "required": true,
+              "description": "Text showed in the info-icon tooltip on hover",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "tooltipPosition",
+              "required": false,
+              "description": "Position the tooltip should take if space is available. Defaults to 'auto'",
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "PopperContainerPosition.AUTO"
+            }
+          ],
+          "events": [
+            {
+              "name": "mouseenter",
+              "description": "Emitted when the mouse pointer enters the component."
+            }
+          ],
+          "source": {
+            "module": "./src/components/info-icon/info-icon.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "info-icon-with-popover",
           "description": "",
@@ -9718,6 +9746,15 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "itemsIndex",
+              "description": "Object with the index of each item.",
+              "value": {
+                "kind": "expression",
+                "type": "Record<string, number>"
+              },
+              "default": "() => ({})"
             }
           ],
           "events": [
@@ -13714,6 +13751,16 @@
               "default": "'custom'"
             }
           ],
+          "events": [
+            {
+              "name": "copy-click",
+              "description": "Emitted when the copy button is clicked."
+            },
+            {
+              "name": "info-icon-mouseenter",
+              "description": "Emitted when the mouse pointer enters the info icon component."
+            }
+          ],
           "slots": [
             {
               "name": "dashed-underline"
@@ -13873,6 +13920,16 @@
               "default": "null"
             }
           ],
+          "events": [
+            {
+              "name": "copy-click",
+              "description": "Emitted when the copy button is clicked."
+            },
+            {
+              "name": "info-icon-mouseenter",
+              "description": "Emitted when the mouse pointer enters the info icon component."
+            }
+          ],
           "slots": [
             {
               "name": "dashed-underline"
@@ -13947,6 +14004,16 @@
               "default": "null"
             }
           ],
+          "events": [
+            {
+              "name": "copy-click",
+              "description": "Emitted when the copy button is clicked."
+            },
+            {
+              "name": "info-icon-mouseenter",
+              "description": "Emitted when the mouse pointer enters the info icon component."
+            }
+          ],
           "slots": [
             {
               "name": "dashed-underline"
@@ -14093,6 +14160,16 @@
               "default": "null"
             }
           ],
+          "events": [
+            {
+              "name": "copy-click",
+              "description": "Emitted when the copy button is clicked."
+            },
+            {
+              "name": "info-icon-mouseenter",
+              "description": "Emitted when the mouse pointer enters the info icon component."
+            }
+          ],
           "slots": [
             {
               "name": "dashed-underline"
@@ -14222,7 +14299,7 @@
               "description": "Amount to be shown as the main value",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               }
             },
             {
@@ -14231,11 +14308,21 @@
               "description": "Amount to be shown as the secondary metric value",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "null"
             }
           ],
+          "events": [
+            {
+              "name": "copy-click",
+              "description": "Emitted when the copy button is clicked."
+            },
+            {
+              "name": "info-icon-mouseenter",
+              "description": "Emitted when the mouse pointer enters the info icon component."
+            }
+          ],
           "slots": [
             {
               "name": "dashed-underline"
@@ -14319,6 +14406,16 @@
               "default": "null"
             }
           ],
+          "events": [
+            {
+              "name": "copy-click",
+              "description": "Emitted when the copy button is clicked."
+            },
+            {
+              "name": "info-icon-mouseenter",
+              "description": "Emitted when the mouse pointer enters the info icon component."
+            }
+          ],
           "slots": [
             {
               "name": "dashed-underline"
@@ -14335,6 +14432,7 @@
           "attributes": [
             {
               "name": "counter",
+              "required": false,
               "description": "Displays a counter next to the tab title",
               "value": {
                 "kind": "expression",
@@ -14343,25 +14441,37 @@
               "default": "null"
             },
             {
-              "name": "title",
-              "required": true,
-              "description": "Title of the tab",
+              "name": "disabled",
+              "required": false,
+              "description": "Determines whether the tab is disabled",
               "value": {
                 "kind": "expression",
-                "type": "string"
-              }
+                "type": "boolean"
+              },
+              "default": "false"
             },
             {
-              "name": "disabled",
-              "description": "Determines whether the tab is disabled",
+              "name": "hidden",
+              "required": false,
+              "description": "Prevents a tab from being displayed.\nUse `hidden` instead of `v-show`.",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
               },
               "default": "false"
             },
+            {
+              "name": "title",
+              "required": true,
+              "description": "Title of the tab",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
             {
               "name": "withNotificationIndicator",
+              "required": false,
               "description": "Displays the tab with a notification indicator",
               "value": {
                 "kind": "expression",
@@ -14439,6 +14549,14 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "tabs-hidden",
+          "description": "",
+          "source": {
+            "module": "./src/components/tabs/__tests__/tabs-hidden.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "tabs-stub",
           "description": "",