@adyen/bento-vue3 1.75.0 → 1.76.0

package/dist/styles/legacy.css

@@ -153,7 +153,6 @@
   --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
   --b-data-grid-column-min-height: 34px;
   --b-data-grid-column-height: auto;
-  --b-data-grid-columns-select-column-all-padding-left: 1px;
   --b-data-grid-overflow-shadow-right-background: linear-gradient(270deg, rgba(0, 17, 44, 0.12), rgba(0, 0, 0, 0));
   --b-data-grid-overflow-shadow-left-background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 17, 44, 0.12));
   --b-data-grid-static-icon-size: 16px;
@@ -1517,18 +1516,19 @@
   --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
   --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
   --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
+  --b-data-grid-config-settings-padding-right: var(--b-spacer-050);
   --b-data-grid-config-settings-color: var(--b-color-label-primary);
   --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
   --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-filters-background-color: var(--b-color-background-primary);
-  --b-data-grid-filters-padding: var(--b-spacer-060) 0;
+  --b-data-grid-filters-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-filters-border-width: var(--b-border-width-s);
   --b-data-grid-filters-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-pagination-outline-padding: var(--b-spacer-070);
-  --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
+  --b-data-grid-pagination-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-pagination-border-width: var(--b-border-width-s);
   --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
@@ -1541,7 +1541,7 @@
   --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-footer-padding: var(--b-spacer-040) var(--b-spacer-090);
   --b-data-grid-footer-background-color: var(--b-color-background-primary);
-  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-actions-row-actions-padding: 0 var(--b-spacer-060);
@@ -1607,9 +1607,10 @@
   --b-data-grid-columns-small-container-padding: var(--b-spacer-070);
   --b-data-grid-columns-select-column-menu-button-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-deselect-all-checkbox-padding: var(--b-spacer-030);
+  --b-data-grid-columns-select-column-all-padding-left: calc(var(--b-spacer-050) - var(--b-border-width-s));
   --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
-  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
   --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
@@ -1629,6 +1630,7 @@
   --b-data-grid-template-data-grid-columns-padding-right: var(--b-spacer-050);
   --b-data-grid-template-data-grid-columns-padding-left: var(--b-spacer-050);
   --b-data-grid-template-data-grid-filters-padding-right: var(--b-spacer-090);
+  --b-data-grid-template-data-grid-filters-padding-left: var(--b-spacer-090);
   --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
   --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);

package/dist/styles/styleguide.css

@@ -153,7 +153,6 @@
   --b-data-grid-column-with-sorting-or-column-panel-hover-padding: 3px 15px;
   --b-data-grid-column-min-height: 34px;
   --b-data-grid-column-height: auto;
-  --b-data-grid-columns-select-column-all-padding-left: 1px;
   --b-data-grid-overflow-shadow-right-background: linear-gradient(270deg, rgba(0, 17, 44, 0.12), rgba(0, 0, 0, 0));
   --b-data-grid-overflow-shadow-left-background: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 17, 44, 0.12));
   --b-data-grid-static-icon-size: 16px;
@@ -1572,18 +1571,19 @@
   --b-data-grid-config-settings-button-margin: var(--b-spacer-070) 0;
   --b-data-grid-config-settings-button-and-separator-background-color: var(--b-color-background-primary);
   --b-data-grid-config-settings-z-index: var(--b-z-index-local-tier-4);
+  --b-data-grid-config-settings-padding-right: var(--b-spacer-050);
   --b-data-grid-config-settings-color: var(--b-color-label-primary);
   --b-data-grid-loading-indicator-margin: 0 0 var(--b-spacer-060) 0;
   --b-data-grid-filters-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-filters-focus-within-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-filters-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-filters-background-color: var(--b-color-background-primary);
-  --b-data-grid-filters-padding: var(--b-spacer-060) 0;
+  --b-data-grid-filters-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-filters-border-width: var(--b-border-width-s);
   --b-data-grid-filters-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-sticky-padding: var(--b-spacer-060) var(--b-spacer-090);
   --b-data-grid-pagination-outline-padding: var(--b-spacer-070);
-  --b-data-grid-pagination-padding: var(--b-spacer-060) 0;
+  --b-data-grid-pagination-padding: var(--b-spacer-060) var(--b-spacer-070);
   --b-data-grid-pagination-border-width: var(--b-border-width-s);
   --b-data-grid-pagination-border-color: var(--b-color-separator-primary);
   --b-data-grid-pagination-focus-within-z-index: var(--b-z-index-local-tier-3);
@@ -1596,7 +1596,7 @@
   --b-data-grid-footer-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-footer-padding: var(--b-spacer-040) var(--b-spacer-090);
   --b-data-grid-footer-background-color: var(--b-color-background-primary);
-  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-select-cell-margin-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-cell-actions-column-selection-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-column-nested-content-padding: var(--b-spacer-050) var(--b-spacer-070);
   --b-data-grid-cell-actions-actions-row-actions-padding: 0 var(--b-spacer-060);
@@ -1662,9 +1662,10 @@
   --b-data-grid-columns-small-container-padding: var(--b-spacer-070);
   --b-data-grid-columns-select-column-menu-button-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-deselect-all-checkbox-padding: var(--b-spacer-030);
+  --b-data-grid-columns-select-column-all-padding-left: calc(var(--b-spacer-050) - var(--b-border-width-s));
   --b-data-grid-columns-select-column-gap: var(--b-spacer-020);
   --b-data-grid-columns-select-column-padding-right: var(--b-spacer-020);
-  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-040) - var(--b-border-width-s));
+  --b-data-grid-columns-select-column-padding-left: calc(var(--b-spacer-070) - var(--b-border-width-s));
   --b-data-grid-columns-frozen-z-index: var(--b-z-index-local-tier-2);
   --b-data-grid-columns-frozen-border-right-width: var(--b-border-width-s);
   --b-data-grid-columns-frozen-border-right-color: var(--b-color-separator-secondary);
@@ -1684,6 +1685,7 @@
   --b-data-grid-template-data-grid-columns-padding-right: var(--b-spacer-050);
   --b-data-grid-template-data-grid-columns-padding-left: var(--b-spacer-050);
   --b-data-grid-template-data-grid-filters-padding-right: var(--b-spacer-090);
+  --b-data-grid-template-data-grid-filters-padding-left: var(--b-spacer-090);
   --b-data-grid-template-tabs-padding: var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-tabs-background-color: var(--b-color-background-primary);
   --b-data-grid-template-additional-content-z-index: var(--b-z-index-local-tier-2);

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.C8PA_w7m.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.DNjubXL2.js";
 export {
   t as BentoTimeline,
   i as BentoTimelineGapUnit,

package/dist/web-types.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue3",
-  "version": "1.75.0",
+  "version": "1.76.0",
   "description": "Adyen Bento Vue 3 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -36,7 +36,7 @@
     "@types/mdast": "3.0.15",
     "@types/unist": "2.0.11",
     "@vueuse/core": "11.3.0",
-    "date-fns": "2.28.0",
+    "date-fns": "4.1.0",
     "focus-lock": "0.11.0",
     "libphonenumber-js": "1.12.23",
     "mime": "4.0.6",
@@ -45,7 +45,7 @@
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.75.0"
+    "@adyen/bento-design-tokens": "1.76.0"
   },
   "dependenciesMeta": {
     "@adyen/bento-vue-i18n-demi": {
@@ -77,8 +77,6 @@
     "@codemirror/language-data": "6.4.0",
     "@codemirror/state": "6.4.0",
     "@codemirror/view": "6.36.1",
-    "@eslint/compat": "1.1.1",
-    "@eslint/js": "9.24.0",
     "@playwright/experimental-ct-vue": "1.42.1",
     "@playwright/test": "1.42.1",
     "@storybook/addon-a11y": "9.0.10",
@@ -86,14 +84,10 @@
     "@storybook/mdx2-csf": "1.1.0",
     "@storybook/vue3": "9.0.10",
     "@storybook/vue3-vite": "9.0.10",
-    "@stylistic/eslint-plugin-js": "4.4.1",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/user-event": "14.4.3",
     "@testing-library/vue": "8.1.0",
     "@types/node": "22.10.0",
-    "@typescript-eslint/eslint-plugin": "8.26.0",
-    "@typescript-eslint/parser": "8.26.0",
-    "@typescript-eslint/typescript-estree": "8.30.1",
     "@vitejs/plugin-react": "4.3.1",
     "@vitejs/plugin-vue": "5.1.4",
     "@vitest/coverage-v8": "2.1.9",
@@ -101,18 +95,14 @@
     "axe-core": "4.4.2",
     "codemirror-lang-csv": "0.1.1",
     "css-loader": "5.2.7",
-    "eslint": "9.24.0",
-    "eslint-plugin-playwright": "2.2.0",
-    "eslint-plugin-scanjs-rules": "0.2.1",
-    "eslint-plugin-vue": "10.0.0",
-    "jiti": "2.4.2",
+    "fork-ts-checker-webpack-plugin": "6.5.2",
+    "html-webpack-plugin": "4.5.2",
     "remark-gfm": "4.0.1",
     "sass": "1.54.6",
     "sass-loader": "12.6.0",
     "storybook": "9.0.10",
     "tsc-alias": "1.8.11",
     "typescript": "5.6.3",
-    "typescript-eslint": "8.16.0",
     "vite": "5.4.21",
     "vite-plugin-css-injected-by-js": "2.4.0",
     "vite-plugin-dynamic-import": "1.5.0",
@@ -120,16 +110,15 @@
     "vitest": "2.1.9",
     "vue": "3.5.13",
     "vue-docgen-web-types": "0.1.8",
-    "vue-eslint-parser": "9.3.2",
     "vue-i18n": "11.1.12",
     "vue-router": "~4.1",
     "vue-style-loader": "4.1.3",
     "vue-tsc": "1.0.24",
     "@adyen/bento-core": "0.0.1",
-    "@adyen/bento-tailwind": "0.6.3",
+    "@adyen/bento-tailwind": "0.7.0",
     "@adyen/bento-vue-i18n-demi": "0.1.0",
-    "@adyen/ui-assets-icons-16": "7.2.0",
-    "@adyen/ui-assets-payment-method-icons": "10.3.3"
+    "@adyen/ui-assets-icons-16": "7.3.0",
+    "@adyen/ui-assets-payment-method-icons": "10.4.0"
   },
   "scripts": {
     "build": "pnpm run build:prod",
@@ -164,10 +153,6 @@
     "e2e:update": "../vue2/test/bin/e2e-docker.sh vue3 --update-snapshots",
     "e2e:ci": "pnpm run e2e:clean && playwright test -c playwright.integration.config.ts",
     "e2e:ci:update": "pnpm run e2e:clean && playwright test -c playwright.integration.config.ts --update-snapshots",
-    "lint": "pnpm run lint:eslint && pnpm run lint:style",
-    "lint:eslint": "eslint src --exit-on-fatal-error",
-    "lint:fix": "pnpm run lint:eslint --fix && pnpm run lint:style --fix",
-    "lint:style": "stylelint --allow-empty-input --config ../../.stylelintrc.js '**/*.scss'",
     "netlify": "pnpm run --filter @adyen/bento-design-tokens build:dev && pnpm run --filter @adyen/bento-tailwind build && pnpm run build:prod && pnpm run build:storybook"
   }
 }

package/dist/chunks/_commonjsHelpers.C6fGbg64.js

@@ -1,7 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as g
-};
-//# sourceMappingURL=_commonjsHelpers.C6fGbg64.js.map

package/dist/chunks/_commonjsHelpers.C6fGbg64.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers.C6fGbg64.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}