@adyen/bento-vue2 1.81.0-rc.0 → 1.81.0

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@adyen/bento-vue2",
-  "version": "1.81.0-rc.0",
+  "version": "1.81.0",
   "description": "Adyen Bento Vue2 components",
-  "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "./dist/@types/index.d.ts",
@@ -49,7 +48,7 @@
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.81.0-rc.0"
+    "@adyen/bento-design-tokens": "1.81.0"
   },
   "dependenciesMeta": {
     "@adyen/bento-vue-i18n-demi": {
@@ -88,7 +87,6 @@
     "@storybook/blocks": "7.6.20",
     "@storybook/core-common": "7.6.20",
     "@storybook/core-server": "7.6.20",
-    "@storybook/manager-api": "7.6.20",
     "@storybook/mdx2-csf": "1.1.0",
     "@storybook/theming": "7.6.20",
     "@storybook/vue": "7.6.20",
@@ -106,17 +104,18 @@
     "codemirror-lang-csv": "0.1.1",
     "css-loader": "5.2.7",
     "dompurify": "3.2.5",
+    "fast-glob": "3.3.3",
     "fork-ts-checker-webpack-plugin": "6.5.2",
     "html-webpack-plugin": "4.5.2",
     "magic-string": "0.30.14",
     "marked": "15.0.12",
+    "oxc-resolver": "11.16.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "remark-gfm": "3.0.1",
     "sass": "1.54.6",
     "sass-loader": "12.6.0",
     "shiki": "3.7.0",
-    "storybook": "7.6.20",
     "tsc-alias": "1.8.11",
     "typescript": "5.6.3",
     "vite": "5.4.21",
@@ -131,12 +130,12 @@
     "vue-template-compiler": "2.7.16",
     "vue-tsc": "1.0.24",
     "zod": "3.25.35",
-    "@adyen/bento-cli": "0.7.4",
-    "@adyen/bento-tailwind": "0.7.4",
-    "@adyen/bento-vue-i18n-demi": "0.1.0",
+    "@adyen/bento-cli": "0.8.0",
     "@adyen/bento-core": "0.0.1",
-    "@adyen/ui-assets-icons-16": "7.3.4",
-    "@adyen/ui-assets-payment-method-icons": "10.4.4"
+    "@adyen/bento-tailwind": "0.8.0",
+    "@adyen/bento-vue-i18n-demi": "0.1.0",
+    "@adyen/ui-assets-payment-method-icons": "10.5.0",
+    "@adyen/ui-assets-icons-16": "7.4.0"
   },
   "optionalDependencies": {
     "vue-router": "~3.6"
@@ -144,7 +143,7 @@
   "generators": "./generators.json",
   "scripts": {
     "build": "pnpm run build:prod && pnpm run build:storybook",
-    "build:lib": "vite --config vite.production.config.mts build",
+    "build:lib": "vite --config vite.production.config.ts build",
     "build:dev": "NODE_ENV=development pnpm run clean:build && pnpm run build:lib --mode development build && pnpm run build:types && pnpm run build:webtypes",
     "build:watch": "NODE_ENV=development pnpm run build:lib --mode development --watch",
     "build:prod": "pnpm run clean:build && pnpm run build:type-check && pnpm run build:lib && pnpm run build:types && pnpm run build:webtypes",
@@ -155,26 +154,26 @@
     "build:types:use-form": "vue-tsc --skipLibCheck src/composables/use-form-validate-zod-4/index.ts --declaration --emitDeclarationOnly --declarationDir dist/@types/use-form-v4 && api-extractor run -c api-extractor.use-form.json --local && rm -rf dist/@types/use-form-v4/",
     "copy-components-defs": "cp src/components.d.ts dist/@types",
     "build:webtypes": "vue-docgen-web-types --outFile=./dist/web-types.json",
-    "build:storybook": "storybook build -c .storybook -o ../../public/packages/vue2",
+    "build:storybook": "pnpm ts-node ./.storybook/build-storybook.ts ../../public/packages/vue2",
     "component:create": "bento-cli component create",
     "clean": "pnpm run clean:build && pnpm run clean:storybook",
     "clean:build": "rm -rf ./dist",
     "clean:storybook": "rm -rf ./storybook-static",
-    "dev": "storybook dev -p 8112 -c .storybook",
-    "test": "TZ='Europe/Paris' vitest run --config ./vitest.config.mts",
+    "dev": "ts-node ./.storybook/start-storybook.ts",
+    "test": "TZ='Europe/Paris' vitest run --config ./vitest.config.ts",
     "test:changed": "TZ='Europe/Paris' vitest run --changed origin/main",
     "test:coverage": "pnpm run test --coverage",
     "test:list-changed": "TZ='Europe/Paris' vitest list --run --filesOnly --changed origin/main",
     "test:watch": "TZ='Europe/Paris' vitest watch",
     "e2e": "test/bin/e2e-docker.sh vue2",
-    "e2e:a11y": "pnpm run e2e:clean && playwright test -c ./playwright.integration.config.mts --project=accessibility",
+    "e2e:a11y": "pnpm run e2e:clean && playwright test -c ./playwright.integration.config.ts --project=accessibility",
     "e2e:changed": "test/bin/e2e-docker.sh vue2 --changed",
     "e2e:clean": "rm -rf playwright/.cache || true",
     "e2e:debug": "pnpm run e2e:ci --debug",
     "e2e:update": "test/bin/e2e-docker.sh vue2 --update-snapshots",
     "e2e:report": "playwright show-report playwright-report",
-    "e2e:ci": "pnpm run e2e:clean && playwright test -c ./playwright.integration.config.mts",
-    "e2e:ci:update": "pnpm run e2e:clean && playwright test -c playwright.integration.config.mts --update-snapshots --project chromium*",
+    "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 --project chromium*",
     "netlify": "pnpm run --filter @adyen/bento-design-tokens build:dev && pnpm run --filter @adyen/bento-tailwind build && pnpm run build:storybook && pnpm run --filter @adyen/bento-storybook-ai build"
   }
 }

package/dist/@types/components.d.ts

@@ -1,194 +0,0 @@
-/* eslint-disable @typescript-eslint/consistent-type-imports */
-import {
-    BentoAccordion,
-    BentoAccordionItem,
-    BentoActionBar,
-    BentoAlert,
-    BentoAvatar,
-    BentoBaseFilter,
-    BentoButton,
-    BentoButtonActions,
-    BentoCard,
-    BentoCheckbox,
-    BentoCheckboxGroup,
-    BentoChip,
-    BentoClickOutside,
-    BentoCodeSnippet,
-    BentoCountry,
-    BentoCurrency,
-    BentoDashboardSection,
-    BentoDashboardTemplate,
-    BentoDashedUnderline,
-    BentoDataGrid,
-    BentoDataGridStaticIcon,
-    BentoDataGridTemplate,
-    BentoDate,
-    BentoDatePicker,
-    BentoDateRangePicker,
-    BentoDivider,
-    BentoDropdown,
-    BentoDropdownAvatar,
-    BentoDropdownCountry,
-    BentoDropdownCurrency,
-    BentoDropdownPaymentMethod,
-    BentoDropdownTag,
-    BentoEmptyState,
-    BentoFileUploader,
-    BentoFilterBar,
-    BentoFormLayout,
-    BentoFormLayoutFieldTip,
-    BentoFormLayoutGroup,
-    BentoFormLayoutTitle,
-    BentoHeader,
-    BentoHeaderWithViews,
-    BentoImage,
-    BentoInfoIcon,
-    BentoInputField,
-    BentoInputFieldPassword,
-    BentoInputFieldPhoneNumber,
-    BentoInspector,
-    BentoLayout,
-    BentoLayoutRow,
-    BentoLink,
-    BentoLoadingButton,
-    BentoLoadingIndicator,
-    BentoMenu,
-    BentoModal,
-    BentoModalFullscreen,
-    BentoModalFullscreenPage,
-    BentoModalPage,
-    BentoPagination,
-    BentoPaymentMethod,
-    BentoPopover,
-    BentoPromoBanner,
-    BentoRadioButton,
-    BentoRadioGroup,
-    BentoRichTextEditor,
-    BentoSearchBar,
-    BentoSecondaryNav,
-    BentoSegmentedControl,
-    BentoSelectionCard,
-    BentoSelectionCardGroup,
-    BentoSidepanel,
-    BentoSidepanelPage,
-    BentoStatus,
-    BentoStep,
-    BentoStepper,
-    BentoStructuredList,
-    BentoStructuredListItem,
-    BentoSummaryGrid,
-    BentoSummaryGridItemAmount,
-    BentoSummaryGridItemCustom,
-    BentoSummaryGridItemNumeric,
-    BentoSummaryGridItemPercentage,
-    BentoSummaryGridItemText,
-    BentoTab,
-    BentoTabs,
-    BentoTag,
-    BentoTextarea,
-    BentoTimeline,
-    BentoTimelineItem,
-    BentoToast,
-    BentoToggle,
-    BentoToggleButton,
-    BentoTutorial,
-    BentoTypography,
-} from './index';
-
-declare module 'vue' {
-    export interface GlobalComponents {
-        BentoAccordion: typeof BentoAccordion;
-        BentoAccordionItem: typeof BentoAccordionItem;
-        BentoActionBar: typeof BentoActionBar;
-        BentoAlert: typeof BentoAlert;
-        BentoAvatar: typeof BentoAvatar;
-        BentoBaseFilter: typeof BentoBaseFilter;
-        BentoButton: typeof BentoButton;
-        BentoButtonActions: typeof BentoButtonActions;
-        BentoCard: typeof BentoCard;
-        BentoCheckbox: typeof BentoCheckbox;
-        BentoCheckboxGroup: typeof BentoCheckboxGroup;
-        BentoChip: typeof BentoChip;
-        BentoClickOutside: typeof BentoClickOutside;
-        BentoCountry: typeof BentoCountry;
-        BentoCodeSnippet: typeof BentoCodeSnippet;
-        BentoCurrency: typeof BentoCurrency;
-        BentoDashboardSection: typeof BentoDashboardSection;
-        BentoDashboardTemplate: typeof BentoDashboardTemplate;
-        BentoDashedUnderline: typeof BentoDashedUnderline;
-        BentoDataGrid: typeof BentoDataGrid;
-        BentoDataGridStaticIcon: typeof BentoDataGridStaticIcon;
-        BentoDataGridTemplate: typeof BentoDataGridTemplate;
-        BentoDate: typeof BentoDate;
-        BentoDatePicker: typeof BentoDatePicker;
-        BentoDateRangePicker: typeof BentoDateRangePicker;
-        BentoDivider: typeof BentoDivider;
-        BentoDropdown: typeof BentoDropdown;
-        BentoDropdownAvatar: typeof BentoDropdownAvatar;
-        BentoDropdownCountry: typeof BentoDropdownCountry;
-        BentoEmptyState: typeof BentoEmptyState;
-        BentoFileUploader: typeof BentoFileUploader;
-        BentoFilterBar: typeof BentoFilterBar;
-        BentoFormLayout: typeof BentoFormLayout;
-        BentoFormLayoutFieldTip: typeof BentoFormLayoutFieldTip;
-        BentoFormLayoutGroup: typeof BentoFormLayoutGroup;
-        BentoFormLayoutTitle: typeof BentoFormLayoutTitle;
-        BentoHeader: typeof BentoHeader;
-        BentoHeaderWithViews: typeof BentoHeaderWithViews;
-        BentoImage: typeof BentoImage;
-        BentoInfoIcon: typeof BentoInfoIcon;
-        BentoInspector: typeof BentoInspector;
-        BentoLayout: typeof BentoLayout;
-        BentoLayoutRow: typeof BentoLayoutRow;
-        BentoDropdownCurrency: typeof BentoDropdownCurrency;
-        BentoDropdownPaymentMethod: typeof BentoDropdownPaymentMethod;
-        BentoDropdownTag: typeof BentoDropdownTag;
-        BentoInputField: typeof BentoInputField;
-        BentoInputFieldPassword: typeof BentoInputFieldPassword;
-        BentoInputFieldPhoneNumber: typeof BentoInputFieldPhoneNumber;
-        BentoLink: typeof BentoLink;
-        BentoLoadingButton: typeof BentoLoadingButton;
-        BentoLoadingIndicator: typeof BentoLoadingIndicator;
-        BentoMenu: typeof BentoMenu;
-        BentoModal: typeof BentoModal;
-        BentoModalFullscreen: typeof BentoModalFullscreen;
-        BentoModalFullscreenPage: typeof BentoModalFullscreenPage;
-        BentoModalPage: typeof BentoModalPage;
-        BentoPagination: typeof BentoPagination;
-        BentoPaymentMethod: typeof BentoPaymentMethod;
-        BentoPopover: typeof BentoPopover;
-        BentoPromoBanner: typeof BentoPromoBanner;
-        BentoRadioButton: typeof BentoRadioButton;
-        BentoRadioGroup: typeof BentoRadioGroup;
-        BentoRichTextEditor: typeof BentoRichTextEditor;
-        BentoSearchBar: typeof BentoSearchBar;
-        BentoSecondaryNav: typeof BentoSecondaryNav;
-        BentoSegmentedControl: typeof BentoSegmentedControl;
-        BentoSelectionCard: typeof BentoSelectionCard;
-        BentoSelectionCardGroup: typeof BentoSelectionCardGroup;
-        BentoSidepanel: typeof BentoSidepanel;
-        BentoSidepanelPage: typeof BentoSidepanelPage;
-        BentoStatus: typeof BentoStatus;
-        BentoStep: typeof BentoStep;
-        BentoStepper: typeof BentoStepper;
-        BentoStructuredList: typeof BentoStructuredList;
-        BentoStructuredListItem: typeof BentoStructuredListItem;
-        BentoSummaryGrid: typeof BentoSummaryGrid;
-        BentoSummaryGridItemAmount: typeof BentoSummaryGridItemAmount;
-        BentoSummaryGridItemCustom: typeof BentoSummaryGridItemCustom;
-        BentoSummaryGridItemPercentage: typeof BentoSummaryGridItemPercentage;
-        BentoSummaryGridItemNumeric: typeof BentoSummaryGridItemNumeric;
-        BentoSummaryGridItemText: typeof BentoSummaryGridItemText;
-        BentoTab: typeof BentoTab;
-        BentoTabs: typeof BentoTabs;
-        BentoTag: typeof BentoTag;
-        BentoTimeline: typeof BentoTimeline;
-        BentoTimelineItem: typeof BentoTimelineItem;
-        BentoToast: typeof BentoToast;
-        BentoToggle: typeof BentoToggle;
-        BentoToggleButton: typeof BentoToggleButton;
-        BentoTutorial: typeof BentoTutorial;
-        BentoTypography: typeof BentoTypography;
-        BentoTextarea: typeof BentoTextarea;
-    }
-}