@adyen/bento-vue3 1.57.0 → 1.58.0

package/dist/styles/utility.css

@@ -2,49 +2,49 @@
     background-color: #ffffff;
 }
 .b-color-background-primary-hover {
-    background-color: #f7f7f8;
+    background-color: #f4f5f6;
 }
 .b-color-background-primary-active {
-    background-color: #eeeff1;
+    background-color: #ecedef;
 }
 .b-color-background-secondary {
-    background-color: #f7f7f8;
+    background-color: #f4f5f6;
 }
 .b-color-background-secondary-hover {
-    background-color: #eeeff1;
+    background-color: #ecedef;
 }
 .b-color-background-secondary-active {
-    background-color: #e3e5e9;
+    background-color: #e2e5e7;
 }
 .b-color-background-tertiary {
-    background-color: #eeeff1;
+    background-color: #ecedef;
 }
 .b-color-background-tertiary-hover {
-    background-color: #e3e5e9;
+    background-color: #e2e5e7;
 }
 .b-color-background-tertiary-active {
-    background-color: #dbdee2;
+    background-color: #dadddf;
 }
 .b-color-background-quaternary {
-    background-color: #c0c5cc;
+    background-color: #c0c5ca;
 }
 .b-color-background-quaternary-hover {
-    background-color: #b8bdc6;
+    background-color: #b7bdc2;
 }
 .b-color-background-quaternary-active {
-    background-color: #afb5bf;
+    background-color: #aeb5ba;
 }
 .b-color-background-modal {
     background-color: #ffffff;
 }
 .b-color-background-modal-hover {
-    background-color: #f7f7f8;
+    background-color: #f4f5f6;
 }
 .b-color-background-modal-active {
-    background-color: #eeeff1;
+    background-color: #ecedef;
 }
 .b-color-background-disabled {
-    background-color: #eeeff1;
+    background-color: #ecedef;
 }
 .b-color-background-selected {
     background-color: #e3f0ff;
@@ -68,10 +68,10 @@
     background-color: #dd7d00;
 }
 .b-color-background-success-weak {
-    background-color: #edfaf3;
+    background-color: #e4faef;
 }
 .b-color-background-success-strong {
-    background-color: #07893c;
+    background-color: #008845;
 }
 .b-color-background-highlight-weak {
     background-color: #f2f8ff;
@@ -80,25 +80,25 @@
     background-color: #0070f5;
 }
 .b-color-background-inverse-primary {
-    background-color: #00112c;
+    background-color: #001222;
 }
 .b-color-background-inverse-primary-hover {
-    background-color: #5c687c;
+    background-color: #5c6874;
 }
 .b-color-background-inverse-primary-active {
-    background-color: #6d7789;
+    background-color: #6c7782;
 }
 .b-color-background-inverse-secondary {
-    background-color: #1a2a44;
+    background-color: #1a2b3b;
 }
 .b-color-background-inverse-secondary-hover {
-    background-color: #283750;
+    background-color: #273746;
 }
 .b-color-background-inverse-secondary-active {
-    background-color: #37455d;
+    background-color: #364553;
 }
 .b-color-background-inverse-disabled {
-    background-color: #283750;
+    background-color: #273746;
 }
 .b-color-background-inverse-critical-weak {
     background-color: #611313;
@@ -116,94 +116,94 @@
     background-color: #ffffff;
 }
 .b-color-background-always-light-hover {
-    background-color: #f7f7f8;
+    background-color: #f4f5f6;
 }
 .b-color-background-always-light-active {
-    background-color: #eeeff1;
+    background-color: #ecedef;
 }
 .b-color-background-always-light-disabled {
-    background-color: #eeeff1;
+    background-color: #ecedef;
 }
 .b-color-background-always-light-selected {
     background-color: #e3f0ff;
 }
 .b-color-background-always-dark {
-    background-color: #00112c;
+    background-color: #001222;
 }
 .b-color-background-always-dark-hover {
-    background-color: #5c687c;
+    background-color: #5c6874;
 }
 .b-color-background-always-dark-active {
-    background-color: #8d95a3;
+    background-color: #8c959d;
 }
 .b-color-background-always-dark-disabled {
-    background-color: #eeeff1;
+    background-color: #ecedef;
 }
 .b-color-background-always-dark-selected {
     background-color: #002f68;
 }
 .b-color-background-always-dark-primary {
-    background-color: #00112c;
+    background-color: #001222;
 }
 .b-color-background-always-dark-primary-hover {
-    background-color: #14243e;
+    background-color: #132434;
 }
 .b-color-background-always-dark-primary-active {
-    background-color: #22314a;
+    background-color: #213140;
 }
 .b-color-background-always-dark-primary-disabled {
-    background-color: #eeeff1;
+    background-color: #ecedef;
 }
 .b-color-background-always-dark-primary-selected {
     background-color: #002f68;
 }
 .b-color-background-always-dark-secondary {
-    background-color: #22314a;
+    background-color: #213140;
 }
 .b-color-background-always-dark-secondary-hover {
-    background-color: #37455d;
+    background-color: #364553;
 }
 .b-color-background-always-dark-secondary-active {
-    background-color: #455368;
+    background-color: #455460;
 }
 .b-color-background-always-dark-secondary-disabled {
-    background-color: #eeeff1;
+    background-color: #ecedef;
 }
 .b-color-background-always-dark-secondary-selected {
     background-color: #002f68;
 }
 .b-color-background-always-dark-tertiary {
-    background-color: #2f3e56;
+    background-color: #2f3e4d;
 }
 .b-color-background-always-dark-tertiary-hover {
-    background-color: #3d4c62;
+    background-color: #3d4c5a;
 }
 .b-color-background-always-dark-tertiary-active {
-    background-color: #455368;
+    background-color: #455460;
 }
 .b-color-background-always-dark-tertiary-disabled {
-    background-color: #eeeff1;
+    background-color: #ecedef;
 }
 .b-color-background-always-dark-tertiary-selected {
     background-color: #002f68;
 }
 .b-color-label-primary {
-    color: #00112c;
+    color: #001222;
 }
 .b-color-label-primary-hover {
-    color: #5c687c;
+    color: #5c6874;
 }
 .b-color-label-primary-active {
-    color: #6d7789;
+    color: #6c7782;
 }
 .b-color-label-secondary {
-    color: #5c687c;
+    color: #5c6874;
 }
 .b-color-label-tertiary {
-    color: #8d95a3;
+    color: #8c959d;
 }
 .b-color-label-disabled {
-    color: #8d95a3;
+    color: #8c959d;
 }
 .b-color-label-critical {
     color: #e22d2d;
@@ -221,7 +221,7 @@
     color: #0070f5;
 }
 .b-color-label-success {
-    color: #07893c;
+    color: #008845;
 }
 .b-color-label-on-color {
     color: #ffffff;
@@ -230,16 +230,16 @@
     color: #ffffff;
 }
 .b-color-label-inverse-primary-hover {
-    color: #f7f7f8;
+    color: #f4f5f6;
 }
 .b-color-label-inverse-primary-active {
-    color: #eeeff1;
+    color: #ecedef;
 }
 .b-color-label-inverse-secondary {
-    color: #9ea6b1;
+    color: #9da5ac;
 }
 .b-color-label-inverse-disabled {
-    color: #747f8f;
+    color: #737e88;
 }
 .b-color-label-inverse-critical {
     color: #f99c9c;
@@ -257,7 +257,7 @@
     color: #9b5700;
 }
 .b-color-label-on-background-success-weak {
-    color: #067934;
+    color: #00773c;
 }
 .b-color-label-on-background-highlight-weak {
     color: #0063d7;
@@ -266,34 +266,34 @@
     color: #ffffff;
 }
 .b-color-label-always-light-primary {
-    color: #eeeff1;
+    color: #ecedef;
 }
 .b-color-label-always-light-primary-hover {
-    color: #c9cdd3;
+    color: #c8ccd0;
 }
 .b-color-label-always-light-primary-active {
-    color: #9ea6b1;
+    color: #959da5;
 }
 .b-color-label-always-light-secondary {
-    color: #a7adb8;
+    color: #a6adb3;
 }
 .b-color-label-always-light-secondary-hover {
-    color: #9ea6b1;
+    color: #959da5;
 }
 .b-color-label-always-light-secondary-active {
-    color: #747f8f;
+    color: #737e88;
 }
 .b-color-label-always-light-tertiary {
-    color: #848e9c;
+    color: #848d96;
 }
 .b-color-label-always-light-tertiary-hover {
-    color: #747f8f;
+    color: #737e88;
 }
 .b-color-label-always-light-tertiary-active {
-    color: #556276;
+    color: #54616d;
 }
 .b-color-label-always-dark {
-    color: #00112c;
+    color: #001222;
 }
 .b-padding-100 {
     padding: 32px !important;

package/dist/summary-grid.js

@@ -1,4 +1,4 @@
-import { s as r, a as t, d as a, _ as o, b as i, B as n, c as u, e as d } from "./chunks/summary-grid.types.IZdK-Mvh.js";
+import { s as r, a as t, d as a, _ as o, b as i, B as n, c as u, e as d } from "./chunks/summary-grid.types.DMCKjGMN.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.iiCQSgG9.js";
+import { B as t, a as e } from "./chunks/tag.uRkpY4u1.js";
 export {
   t as BentoTag,
   e as BentoTagVariant

package/dist/textarea.js

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

package/dist/tutorial.js

@@ -1,4 +1,4 @@
-import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.A0Wcwr8f.js";
+import { _ as t } from "./chunks/tutorial.vue_vue_type_script_setup_true_lang.s21s5Oso.js";
 export {
   t as BentoTutorial
 };

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue3",
-  "version": "1.57.0",
+  "version": "1.58.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue3",
-  "version": "1.57.0",
+  "version": "1.58.0",
   "description": "Adyen Bento Vue 3 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -42,7 +42,7 @@
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.57.0"
+    "@adyen/bento-design-tokens": "1.58.0"
   },
   "peerDependencies": {
     "vue": "^3.2.47",
@@ -119,7 +119,7 @@
     "vue-style-loader": "4.1.3",
     "vue-tsc": "1.0.24",
     "@adyen/bento-core": "0.0.1",
-    "@adyen/bento-tailwind": "0.3.8",
+    "@adyen/bento-tailwind": "0.3.9",
     "@adyen/ui-assets-icons-16": "6.2.0",
     "@adyen/ui-assets-payment-method-icons": "9.1.0"
   },