@adyen/bento-vue2 1.48.0 → 1.50.0

package/dist/internal.js

@@ -1,16 +1,16 @@
 import { a as e, b as r, C as t } from "./chunks/calendar.Bb0-Svhx.js";
-import { C as p, a as i } from "./chunks/copy.adSQlAOY.js";
-import { C as f } from "./chunks/controls-group.C3RDqB9H.js";
+import { C as p, a as i } from "./chunks/copy.DMlIj53I.js";
+import { C as f } from "./chunks/controls-group.BnDPMaGI.js";
 import { B as x, b as C, a as I, D as m } from "./chunks/dialog-page.Bf07JxdG.js";
-import { E as T, F as _ } from "./chunks/error-message.Da-p1QIA.js";
+import { E as T, F as _ } from "./chunks/error-message.xTNEaNn8.js";
 import { F as G } from "./chunks/fixed-scroller.DX2YUuoU.js";
 import { G as u, a as d } from "./chunks/grid-layout.HvTAa4to.js";
-import { I as L } from "./chunks/info-icon-with-popover.CO0mky_N.js";
-import { b, c, u as g } from "./chunks/use-cached-selected-values.C24AnZ-w.js";
-import { L as D } from "./chunks/listbox-option-tag.XbvBQqlt.js";
+import { I as L } from "./chunks/info-icon-with-popover.B0zJWJZn.js";
+import { b, c, u as g } from "./chunks/use-cached-selected-values.a_5Iw6Dh.js";
+import { L as D } from "./chunks/listbox-option-tag.BJBWnC2r.js";
 import { B as P } from "./chunks/teleport.B5fwsT5y.js";
-import { T as M } from "./chunks/tooltip.R2sqydIE.js";
-import { B as h } from "./chunks/button-actions-with-menu.D13mJiKO.js";
+import { T as M } from "./chunks/tooltip.Bu8o7uyZ.js";
+import { B as h } from "./chunks/button-actions-with-menu.C5OE7oOu.js";
 import { f as J } from "./chunks/button-actions.BovYBINL.js";
 export {
   J as BUTTON_ACTIONS_WITH_MENU_CONTAINER_INJECTION_KEY,

package/dist/layout.js

@@ -1,4 +1,4 @@
-import { l as t, a as e } from "./chunks/layout-row.BfS-cPky.js";
+import { l as t, a as e } from "./chunks/layout-row.CHwDU8yK.js";
 export {
   t as BentoLayout,
   e as BentoLayoutRow

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/menu.DYopJZ12.js";
+import { B as o, a as t } from "./chunks/menu.BC7ynpgF.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent

package/dist/modal-fullscreen.js

@@ -1,4 +1,4 @@
-import { m as o, B as a } from "./chunks/modal-fullscreen.Pp5mp7hD.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.Dz3kSuTz.js";
 export {
   o as BentoModalFullscreen,
   a as BentoModalFullscreenPage

package/dist/modal.js

@@ -1,5 +1,5 @@
-import { d as e, f as t, g as n, B as l, e as B, c as d, a as M, b as s } from "./chunks/base-modal.47Xa68h9.js";
-import { B as i } from "./chunks/modal.CCjAy7Hv.js";
+import { d as e, f as t, g as n, B as l, e as B, c as d, a as M, b as s } from "./chunks/base-modal.8kcvtFRx.js";
+import { B as i } from "./chunks/modal.DV55hSPn.js";
 export {
   i as BentoModal,
   e as BentoModalColumnLayoutVariant,

package/dist/pagination.js

@@ -1,4 +1,4 @@
-import { B as n } from "./chunks/pagination.8g4bC4tv.js";
+import { B as n } from "./chunks/pagination.CT-h2q0J.js";
 export {
   n as BentoPagination
 };

package/dist/payment-method.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/payment-method.BKr_q5cZ.js";
+import { B as t } from "./chunks/payment-method.Bu76jY3c.js";
 import { B as m } from "./chunks/payment-method.types.CJKfZQN5.js";
 export {
   t as BentoPaymentMethod,

package/dist/popover.js

@@ -1,4 +1,4 @@
-import { B as r, a as s } from "./chunks/popover.C-LwO38X.js";
+import { B as r, a as s } from "./chunks/popover.CRdrSmFW.js";
 export {
   r as BentoPopover,
   s as BentoPopoverPositions

package/dist/popper-container.js

@@ -1,4 +1,4 @@
-import { P as n, c as a, d as i, a as r, b as p } from "./chunks/popper-container.B1iB2ovW.js";
+import { P as n, c as a, d as i, a as r, b as p } from "./chunks/popper-container.CsW4R0-t.js";
 export {
   n as PopperContainer,
   a as PopperContainerAriaRole,

package/dist/promo-banner.js

@@ -1,4 +1,4 @@
-import { p as r, B as a, a as e } from "./chunks/promo-banner.DS0_aROF.js";
+import { p as r, B as a, a as e } from "./chunks/promo-banner.BNXfyv3h.js";
 export {
   r as BentoPromoBanner,
   a as BentoPromoBannerColor,

package/dist/radio-group.js

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

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.Bu12OC-l.js";
-import { u as o } from "./chunks/dropdown.DWgwNFNB.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.bMOGN8_E.js";
+import { u as o } from "./chunks/dropdown.CC1i41NX.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.CLDlWCXX.js";
+import { s as e } from "./chunks/secondary-nav.C9sm93do.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/segmented-control.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/segmented-control.BJIlas0M.js";
+import { B as t } from "./chunks/segmented-control.BxCcPbKd.js";
 import { B as r } from "./chunks/segmented-control.types.BHRLV8KU.js";
 export {
   t as BentoSegmentedControl,

package/dist/selection-card.js

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

package/dist/sidepanel.js

@@ -1,4 +1,4 @@
-import { a as n, B as o, s as t } from "./chunks/sidepanel.C_ff-PEn.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.Dp6dKRnq.js";
 export {
   n as BentoSidepanel,
   o as BentoSidepanelEvent,

package/dist/structured-list.js

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

package/dist/styles/bento-dark.css

@@ -999,6 +999,7 @@
   --b-inspector-animation-leave-active-easing: var(--b-animation-easing-exit);
   --b-inspector-animation-enter-active-easing: var(--b-animation-easing-enter);
   --b-inspector-animation-duration: var(--b-animation-duration-slow);
+  --b-inspector-return-content-right: var(--b-spacer-040);
   --b-inspector-icons-gap: var(--b-spacer-050);
   --b-inspector-header-gap: var(--b-spacer-060);
   --b-inspector-header-padding-bottom: var(--b-spacer-070);
@@ -1179,7 +1180,7 @@
   --b-filter-bar-z-index: var(--b-z-index-global-elevated);
   --b-filter-bar-padding-right: var(--b-spacer-070);
   --b-filter-bar-gap: var(--b-spacer-040);
-  --color: {color.label.primary};
+  --b-filter-bar-button-secondary-label-color: var(--b-color-label-primary);
   --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
   --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
   --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);

package/dist/styles/bento-light.css

@@ -998,6 +998,7 @@
   --b-inspector-animation-leave-active-easing: var(--b-animation-easing-exit);
   --b-inspector-animation-enter-active-easing: var(--b-animation-easing-enter);
   --b-inspector-animation-duration: var(--b-animation-duration-slow);
+  --b-inspector-return-content-right: var(--b-spacer-040);
   --b-inspector-icons-gap: var(--b-spacer-050);
   --b-inspector-header-gap: var(--b-spacer-060);
   --b-inspector-header-padding-bottom: var(--b-spacer-070);
@@ -1178,7 +1179,7 @@
   --b-filter-bar-z-index: var(--b-z-index-global-elevated);
   --b-filter-bar-padding-right: var(--b-spacer-070);
   --b-filter-bar-gap: var(--b-spacer-040);
-  --color: {color.label.primary};
+  --b-filter-bar-button-secondary-label-color: var(--b-color-label-primary);
   --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
   --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
   --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);

package/dist/styles/bento.css

@@ -998,6 +998,7 @@
   --b-inspector-animation-leave-active-easing: var(--b-animation-easing-exit);
   --b-inspector-animation-enter-active-easing: var(--b-animation-easing-enter);
   --b-inspector-animation-duration: var(--b-animation-duration-slow);
+  --b-inspector-return-content-right: var(--b-spacer-040);
   --b-inspector-icons-gap: var(--b-spacer-050);
   --b-inspector-header-gap: var(--b-spacer-060);
   --b-inspector-header-padding-bottom: var(--b-spacer-070);
@@ -1178,7 +1179,7 @@
   --b-filter-bar-z-index: var(--b-z-index-global-elevated);
   --b-filter-bar-padding-right: var(--b-spacer-070);
   --b-filter-bar-gap: var(--b-spacer-040);
-  --color: {color.label.primary};
+  --b-filter-bar-button-secondary-label-color: var(--b-color-label-primary);
   --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
   --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
   --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);

package/dist/styles/legacy.css

@@ -948,6 +948,7 @@
   --b-inspector-animation-leave-active-easing: var(--b-animation-easing-exit);
   --b-inspector-animation-enter-active-easing: var(--b-animation-easing-enter);
   --b-inspector-animation-duration: var(--b-animation-duration-slow);
+  --b-inspector-return-content-right: var(--b-spacer-040);
   --b-inspector-icons-gap: var(--b-spacer-050);
   --b-inspector-header-gap: var(--b-spacer-060);
   --b-inspector-header-padding-bottom: var(--b-spacer-070);
@@ -1703,6 +1704,8 @@
   --b-avatar-image-blue-background-color: var(--b-color-grey-30);
   --b-avatar-image-yellow-color: var(--b-color-white);
   --b-avatar-image-yellow-background-color: var(--b-color-grey-30);
+  --b-avatar-image-width: var(--b-spacer-100);
+  --b-avatar-image-height: var(--b-spacer-100);
   --b-alert-tip-gap: var(--b-spacer-060);
   --b-alert-tip-padding: var(--b-spacer-050) var(--b-spacer-060);
   --b-alert-critical-icon-color: var(--b-color-background-critical-strong);

package/dist/styles/styleguide.css

@@ -1053,6 +1053,7 @@
   --b-inspector-animation-leave-active-easing: var(--b-animation-easing-exit);
   --b-inspector-animation-enter-active-easing: var(--b-animation-easing-enter);
   --b-inspector-animation-duration: var(--b-animation-duration-slow);
+  --b-inspector-return-content-right: var(--b-spacer-040);
   --b-inspector-icons-gap: var(--b-spacer-050);
   --b-inspector-header-gap: var(--b-spacer-060);
   --b-inspector-header-padding-bottom: var(--b-spacer-070);
@@ -1233,7 +1234,7 @@
   --b-filter-bar-z-index: var(--b-z-index-global-elevated);
   --b-filter-bar-padding-right: var(--b-spacer-070);
   --b-filter-bar-gap: var(--b-spacer-040);
-  --color: {color.label.primary};
+  --b-filter-bar-button-secondary-label-color: var(--b-color-label-primary);
   --b-filter-bar-button-label-container-gap: var(--b-spacer-020);
   --b-filter-bar-button-hover-color: var(--b-color-label-secondary);
   --b-filter-bar-button-hover-background-color: var(--b-color-background-primary-hover);

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-item-custom.A11AzfH0.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-item-custom.CXs6AMS4.js";
 export {
   r as BentoSummaryGrid,
   t as BentoSummaryGridItemAmount,

package/dist/tag.js

@@ -1,4 +1,4 @@
-import { B as t, a as e } from "./chunks/tag.3fthBtwc.js";
+import { B as t, a as e } from "./chunks/tag.CevG31iQ.js";
 export {
   t as BentoTag,
   e as BentoTagVariant

package/dist/textarea.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.CpXux8qX.js";
+import { B as o } from "./chunks/textarea.DHbXaxdU.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.Ca9RJt0z.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.C4HOsaEG.js";
 export {
   t as BentoTimeline,
   i as BentoTimelineGapUnit,

package/dist/tutorial.js

@@ -1,4 +1,4 @@
-import { t as r } from "./chunks/tutorial.Cc0tv59x.js";
+import { t as r } from "./chunks/tutorial.BbQox1EZ.js";
 export {
   r as BentoTutorial
 };

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.48.0",
+  "version": "1.50.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2374,7 +2374,7 @@
                 "kind": "expression",
                 "type": "BentoMenuButtonProps"
               },
-              "default": "() =>\n    ({\n        variant: 'secondary',\n    } as BentoMenuButtonProps)"
+              "default": "() =>\n    (({\n        variant: 'secondary'\n    }) as BentoMenuButtonProps)"
             },
             {
               "name": "closeMenuOnItemSelect",
@@ -2461,43 +2461,6 @@
             "symbol": "default"
           }
         },
-        {
-          "name": "bento-payment-method",
-          "description": "A payment method type component to display the type's icon and label.",
-          "attributes": [
-            {
-              "name": "type",
-              "description": "The type of payment method to display.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "'Unknowncard'"
-            },
-            {
-              "name": "label",
-              "required": true,
-              "description": "The label describing to the payment method icon.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "small",
-              "description": "Render payment method icon in a smaller size",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "source": {
-            "module": "./src/components/payment-method/payment-method.vue",
-            "symbol": "default"
-          }
-        },
         {
           "name": "bento-popover-dismiss-button",
           "description": "",
@@ -4682,7 +4645,7 @@
               "description": "filter-bar value (i.e. filters) that will be passed down to inner filter-bar component\n{@see BentoFilterBarModel}",
               "value": {
                 "kind": "expression",
-                "type": "BentoFilterBar.props.value.type"
+                "type": "BentoFilterBarModel"
               },
               "default": "undefined"
             },
@@ -5157,7 +5120,7 @@
               "description": "Column definitions using 'key' to relate to data object.",
               "value": {
                 "kind": "expression",
-                "type": "BentoColumnCellActions"
+                "type": "BentoColumnCellActionsProp"
               }
             },
             {
@@ -7485,6 +7448,10 @@
             {
               "name": "update:modelValue",
               "description": "Emitted when files are added or removed. Updates the v-model.\nProvides the entire list of files available.\nCan be undefined if the list is empty"
+            },
+            {
+              "name": "error:upload",
+              "description": "Emitted when any file uploaded has state === FileState.ERROR.\nProvides parent component with boolean.\nEmits false when no files have errors."
             }
           ],
           "source": {
@@ -8811,6 +8778,16 @@
           "name": "inspector",
           "description": "",
           "attributes": [
+            {
+              "name": "activePage",
+              "required": false,
+              "description": "ID of the current active inspector page",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "''"
+            },
             {
               "name": "expandable",
               "required": false,
@@ -8866,6 +8843,10 @@
               "name": "update:is-open",
               "description": "Emits update to keep isOpen prop in sync"
             },
+            {
+              "name": "update:active-page",
+              "description": "Emits update to keep activePage prop in sync"
+            },
             {
               "name": "expand",
               "description": "Emits event when user click expand button"
@@ -8887,6 +8868,16 @@
         {
           "name": "inspector-mock",
           "description": "",
+          "attributes": [
+            {
+              "name": "content",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "'Inspector content'"
+            }
+          ],
           "source": {
             "module": "./src/components/inspector/__tests__/inspector-mock.vue",
             "symbol": "default"
@@ -10304,6 +10295,45 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "payment-method",
+          "description": "",
+          "attributes": [
+            {
+              "name": "label",
+              "required": true,
+              "description": "The label describing to the payment method icon.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "small",
+              "required": false,
+              "description": "Render payment method icon in a smaller size",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "type",
+              "required": false,
+              "description": "The type of payment method to display.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "'Unknowncard'"
+            }
+          ],
+          "source": {
+            "module": "./src/components/payment-method/payment-method.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "popover",
           "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue2",
-  "version": "1.48.0",
+  "version": "1.50.0",
   "description": "Adyen Bento Vue2 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -38,8 +38,7 @@
     "libphonenumber-js": "1.11.7",
     "mime": "4.0.6",
     "uuid": "11.0.5",
-    "@adyen/bento-tailwind": "0.2.2",
-    "@adyen/bento-design-tokens": "1.48.0"
+    "@adyen/bento-design-tokens": "1.50.0"
   },
   "peerDependencies": {
     "vue": "~2.7",
@@ -113,8 +112,9 @@
     "vue-style-loader": "4.1.3",
     "vue-template-compiler": "2.7.16",
     "vue-tsc": "1.0.24",
-    "@adyen/bento-cli": "0.2.3",
-    "@adyen/bento-core": "0.0.1"
+    "@adyen/bento-core": "0.0.1",
+    "@adyen/bento-tailwind": "0.3.1",
+    "@adyen/bento-cli": "0.2.3"
   },
   "optionalDependencies": {
     "vue-router": "~3.6"