@adyen/bento-vue2 1.49.0 → 1.50.0

package/dist/selection-card.js

@@ -1,4 +1,4 @@
-import { B as t, s as a, a as n } from "./chunks/selection-card-group.B-YY-iKp.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/styles/bento-dark.css

@@ -1180,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

@@ -1179,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

@@ -1179,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

@@ -1704,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

@@ -1234,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/tutorial.js

@@ -1,4 +1,4 @@
-import { t as r } from "./chunks/tutorial.BWWTUI9f.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.49.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": "",
@@ -10332,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.49.0",
+  "version": "1.50.0",
   "description": "Adyen Bento Vue2 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -38,7 +38,7 @@
     "libphonenumber-js": "1.11.7",
     "mime": "4.0.6",
     "uuid": "11.0.5",
-    "@adyen/bento-design-tokens": "1.49.0"
+    "@adyen/bento-design-tokens": "1.50.0"
   },
   "peerDependencies": {
     "vue": "~2.7",
@@ -113,8 +113,8 @@
     "vue-template-compiler": "2.7.16",
     "vue-tsc": "1.0.24",
     "@adyen/bento-core": "0.0.1",
-    "@adyen/bento-cli": "0.2.3",
-    "@adyen/bento-tailwind": "0.3.0"
+    "@adyen/bento-tailwind": "0.3.1",
+    "@adyen/bento-cli": "0.2.3"
   },
   "optionalDependencies": {
     "vue-router": "~3.6"