@adyen/bento-mcp 0.1.4 → 0.3.0

package/dist/assets/deprecations.md

@@ -0,0 +1,330 @@
+# Bento Deprecations Registry
+
+This file contains a list of all deprecated components, properties, and features in the Bento design system, extracted directly from the source code.
+
+---
+
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/input-field/input-field.vue-            BentoInputField error property
+- ../vue2/src/components/input-field/input-field.vue-            `Use the BentoInputField errorMessage property instead to indicate that there is a modifier error.
+- ../vue2/src/components/input-field/input-field.vue-            Having the field as undefined will hide/remove the error.
+- ../vue2/src/components/input-field/input-field.vue-            <bento-dropdown errorMessage=Error message text />`
+- ../vue2/src/components/input-field/input-field.vue-            2.0.0
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/input-field/input-field.vue-            BentoInputField defaultIconBefore slot
+- ../vue2/src/components/input-field/input-field.vue-            `Use the BentoInputField iconBefore slot instead to add an icon at the left side of the input field
+- ../vue2/src/components/input-field/input-field.vue-            <bento-input-field>
+- ../vue2/src/components/input-field/input-field.vue-              \t<template #iconBefore>
+- ../vue2/src/components/input-field/input-field.vue-                \t\t<my-icon-goes-here />
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/input-field/input-field.vue-            BentoInputField value property
+- ../vue2/src/components/input-field/input-field.vue-            `The use of value prop in BentoInputField is no longer supported.
+- ../vue2/src/components/input-field/input-field.vue-             Use the v-model or model-value property instead.`
+- ../vue2/src/components/input-field/input-field.vue-            2.0.0
+- ../vue2/src/components/input-field/input-field.vue-        );
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/card/card.vue-                    BentoCard @click property
+- ../vue2/src/components/card/card.vue-                    `Use the BentoCard @click with the clickable property to enable accessible styles.`
+- ../vue2/src/components/card/card.vue-                    2.0.0
+- ../vue2/src/components/card/card.vue-                );
+- ../vue2/src/components/card/card.vue-            }
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue-            BentoDropdownCurrency value property
+- ../vue2/src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue-            `The use of value prop in BentoDropdownCurrency is no longer supported.
+- ../vue2/src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue-                Use the v-model or model-value property instead.`
+- ../vue2/src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue-            2.0.0
+- ../vue2/src/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue-        );
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue-            BentoDropdownCountry custom variant and items prop label key
+- ../vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue-            Use any of the other BentoDropdownCountry variants instead OR use BentoDropdown component for custom labels
+- ../vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue-            2.0.0
+- ../vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue-        );
+- ../vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue-    }
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue-            BentoDropdownCountry value property
+- ../vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue-            `The use of value prop in BentoDropdownCountry is no longer supported.
+- ../vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue-                Use the v-model or model-value property instead.`
+- ../vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue-            2.0.0
+- ../vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue-        );
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue-            BentoDropdownPaymentMethod value property
+- ../vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue-            `The use of value prop in BentoDropdownPaymentMethod is no longer supported.
+- ../vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue-                Use the v-model or model-value property instead.`
+- ../vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue-            2.0.0
+- ../vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue-        );
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue-            BentoDropdownTag value property
+- ../vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue-            `The use of value prop in BentoDropdownTag is no longer supported.
+- ../vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue-                Use the v-model or model-value property instead.`
+- ../vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue-            2.0.0
+- ../vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue-        );
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue-            BentoDropdownAvatar value property
+- ../vue2/src/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue-            `The use of value prop in BentoDropdownAvatar is no longer supported.
+- ../vue2/src/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue-                Use the v-model or model-value property instead.`
+- ../vue2/src/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue-            2.0.0
+- ../vue2/src/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue-        );
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/dropdown/dropdown.vue-            BentoDropdown error property
+- ../vue2/src/components/dropdown/dropdown.vue-            `Use the BentoDropdown errorMessage property instead to indicate that there is a modifier error.
+- ../vue2/src/components/dropdown/dropdown.vue-                            Having the field as undefined will hide/remove the error.
+- ../vue2/src/components/dropdown/dropdown.vue-                            <bento-dropdown errorMessage=Error message text />`
+- ../vue2/src/components/dropdown/dropdown.vue-            2.0.0
+### Deprecation Found
+
+- deprecate(BentoDropdown size property, `Do not use. Only default size should be used.`, 2.0.0);
+- ../vue2/src/components/dropdown/dropdown.vue-    }
+- ../vue2/src/components/dropdown/dropdown.vue-
+- ../vue2/src/components/dropdown/dropdown.vue-    if (props.value) {
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/dropdown/dropdown.vue-            BentoDropdown value property
+- ../vue2/src/components/dropdown/dropdown.vue-            `The use of value prop in BentoDropdown is no longer supported.
+- ../vue2/src/components/dropdown/dropdown.vue-                Use the v-model or model-value property instead.`
+- ../vue2/src/components/dropdown/dropdown.vue-            2.0.0
+- ../vue2/src/components/dropdown/dropdown.vue-        );
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/typography/typography.vue-            BentoTypography subtitle variant (BentoTypographyVariant.SUBTITLE)
+- ../vue2/src/components/typography/typography.vue-            `Use the title or BentoTypographyVariant.TITLE variant and (optionally) combine it with a size property. e.g. medium / large.
+- variant=BentoTypographyVariant.TITLE medium>`
+- ../vue2/src/components/typography/typography.vue-            2.0.0
+- ../vue2/src/components/typography/typography.vue-        );
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/currency/currency.vue-                BentoCurrency default slot
+- ../vue2/src/components/currency/currency.vue-                `The use of default slot in BentoCurrency is no longer supported as it causes issues with dynamic content.
+- ../vue2/src/components/currency/currency.vue-                Use the value property instead.
+- value=12345.67 currency=USD major-units=false />`
+- ../vue2/src/components/currency/currency.vue-                2.0.0
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/sidepanel/sidepanel.vue-            BentoSidepanel isDismissible property’s behavior
+- ../vue2/src/components/sidepanel/sidepanel.vue-            BentoSidepanel isDismissible will no longer hide the close button. Use hideCloseButton=true instead.
+- ../vue2/src/components/sidepanel/sidepanel.vue-            2.0.0
+- ../vue2/src/components/sidepanel/sidepanel.vue-        );
+- ../vue2/src/components/sidepanel/sidepanel.vue-    }
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/input-field-password/input-field-password.vue-            BentoInputFieldPassword value property
+- ../vue2/src/components/input-field-password/input-field-password.vue-            `The use of value prop in BentoInputFieldPassword is no longer supported.
+- ../vue2/src/components/input-field-password/input-field-password.vue-                Use the v-model or model-value property instead.`
+- ../vue2/src/components/input-field-password/input-field-password.vue-            2.0.0
+- ../vue2/src/components/input-field-password/input-field-password.vue-        );
+### Deprecation Found
+
+- deprecate(
+- The property \`label\` will always be rendered by default.`
+- ../vue2/src/components/internal/controls-group/controls-group.vue-            `After version 2.0.0, the label will be shown by default.
+- hide-label=true\`.  Up until version 2.0.0, to display the label set \`hide-label=false\`.
+- ../vue2/src/components/internal/controls-group/controls-group.vue-            \`label\` will always be rendered when \`description\` is passed alongside with \`label\``
+- ../vue2/src/components/internal/controls-group/controls-group.vue-            `2.0.0`
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/textarea/textarea.vue-                BentoTextarea value property
+- ../vue2/src/components/textarea/textarea.vue-                `The use of value prop in BentoTextarea is no longer supported.
+- ../vue2/src/components/textarea/textarea.vue-                Use the v-model or model-value property instead.`
+- ../vue2/src/components/textarea/textarea.vue-                2.0.0
+- ../vue2/src/components/textarea/textarea.vue-            );
+### Deprecation Found
+
+- deprecate(
+- string | Array<string> | File | Array<File>
+- ../vue2/src/components/file-uploader/file-uploader.vue-                Use FileList instead.
+- ../vue2/src/components/file-uploader/file-uploader.vue-                2.0.0
+- ../vue2/src/components/file-uploader/file-uploader.vue-            );
+- ../vue2/src/components/file-uploader/file-uploader.vue-        }
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/country/country.vue-            BentoCountry custom variant and label prop
+- ../vue2/src/components/country/country.vue-            Use any of the other BentoCountry variants instead OR BentoTypography component for custom text
+- ../vue2/src/components/country/country.vue-            2.0.0
+- ../vue2/src/components/country/country.vue-        );
+- ../vue2/src/components/country/country.vue-    }
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/modal/modal.vue-            BentoModal overflow-visible property
+- ../vue2/src/components/modal/modal.vue-            `overflow-visible property was made redundant. BentoModal can work correctly without the need to pass the propery.
+- ../vue2/src/components/modal/modal.vue-                    Remove the overflow-visible prop from BentoModal to remove this error.`
+- ../vue2/src/components/modal/modal.vue-            2.0.0
+- ../vue2/src/components/modal/modal.vue-        );
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue-                BentoCheckboxGroup hasError property
+- ../vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue-                `Use the BentoCheckboxGroup errorMessage property instead to indicate that there is a modifier error.
+- ../vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue-            Having the field as undefined will hide/remove the error.
+- ../vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue-            <bento-checkbox-group errorMessage=Error message text />`
+- ../vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue-                2.0.0
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/radio-group/radio-group.vue-            BentoRadioGroup hasError property
+- ../vue2/src/components/radio-group/radio-group.vue-            `Use the BentoRadioGroup errorMessage property instead to indicate that there is a modifier error.
+- ../vue2/src/components/radio-group/radio-group.vue-                    Having the field as undefined will hide/remove the error.
+- ../vue2/src/components/radio-group/radio-group.vue-                    <bento-radio-group errorMessage=Error message text />`
+- ../vue2/src/components/radio-group/radio-group.vue-            2.0.0
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/date-picker/date-picker.vue-                    BentoDatePicker value property
+- ../vue2/src/components/date-picker/date-picker.vue-                    `The use of value prop in BentoDatePicker is no longer supported. Use the v-model or model-value property instead.`
+- ../vue2/src/components/date-picker/date-picker.vue-                    2.0.0
+- ../vue2/src/components/date-picker/date-picker.vue-                );
+- ../vue2/src/components/date-picker/date-picker.vue-            }
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/input-field-phone-number/input-field-phone-number.vue-            BentoInputFieldPhoneNumber value property
+- ../vue2/src/components/input-field-phone-number/input-field-phone-number.vue-            `The use of value prop in BentoInputFieldPhoneNumber is no longer supported.
+- ../vue2/src/components/input-field-phone-number/input-field-phone-number.vue-                Use the v-model or model-value property instead.`
+- ../vue2/src/components/input-field-phone-number/input-field-phone-number.vue-            2.0.0
+- ../vue2/src/components/input-field-phone-number/input-field-phone-number.vue-        );
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/date-range-picker/date-range-picker.vue-                BentoDateRangePicker hasActions property
+- ../vue2/src/components/date-range-picker/date-range-picker.vue-                `Set the BentoDateRangePicker hasActions property true which will display the Apply and Cancel buttons.
+- ../vue2/src/components/date-range-picker/date-range-picker.vue-                        This will be the default behavior in the v2 and hasActions will be removed.`
+- ../vue2/src/components/date-range-picker/date-range-picker.vue-                2.0.0
+- ../vue2/src/components/date-range-picker/date-range-picker.vue-            );
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/date-range-picker/date-range-picker.vue-                BentoDateRangePicker value property
+- ../vue2/src/components/date-range-picker/date-range-picker.vue-                The use of value prop in BentoDateRangePicker is no longer supported. Use the v-model or model-value property instead.
+- ../vue2/src/components/date-range-picker/date-range-picker.vue-                2.0.0
+- ../vue2/src/components/date-range-picker/date-range-picker.vue-            );
+- ../vue2/src/components/date-range-picker/date-range-picker.vue-        }
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/filter-bar/components/input-filter/input-filter.vue-                    BentoInputFilter options property
+- ../vue2/src/components/filter-bar/components/input-filter/input-filter.vue-                    `BentoInputFilter options no longer supports dropdown, dropdownPosition or variant attributes.
+- ../vue2/src/components/filter-bar/components/input-filter/input-filter.vue-                            Use the BentoFilterItemType.INPUT_DROPDOWN instead of BentoFilterItemType.INPUT
+- ../vue2/src/components/filter-bar/components/input-filter/input-filter.vue-                            <bento-filter-bar
+- config=[{
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/filter-bar/components/select-filter/select-filter.vue-                BentoFilterBar filter of type BentoFilterItemType.SELECT options message property
+- ../vue2/src/components/filter-bar/components/select-filter/select-filter.vue-                `Please remove the options.messages property from this filter, it is not required any more for persistent filters.
+- ../vue2/src/components/filter-bar/components/select-filter/select-filter.vue-                        This will be the default behavior in the v2 and options.messages will be removed.`
+- ../vue2/src/components/filter-bar/components/select-filter/select-filter.vue-                2.0.0
+- ../vue2/src/components/filter-bar/components/select-filter/select-filter.vue-            );
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue-            BentoSelectCountryFilter type with `options.variant===custom`
+- ../vue2/src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue-            Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels
+- ../vue2/src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue-            2.0.0
+- ../vue2/src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue-        );
+- ../vue2/src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue-    }
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/filter-bar/components/boolean-filter/boolean-filter.vue-                    Boolean filter BentoFilterItemType.BOOLEAN
+- ../vue2/src/components/filter-bar/components/boolean-filter/boolean-filter.vue-                    `Use the Radio group filter type BentoFilterItemType.RADIO_GROUP instead.`
+- ../vue2/src/components/filter-bar/components/boolean-filter/boolean-filter.vue-                    2.0.0
+- ../vue2/src/components/filter-bar/components/boolean-filter/boolean-filter.vue-                );
+- ../vue2/src/components/filter-bar/components/boolean-filter/boolean-filter.vue-            });
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/inspector/inspector.vue-            BentoInspector active-page as optional
+- active-page.
+- ../vue2/src/components/inspector/inspector.vue-            active-page prop will be required in the next version`
+- ../vue2/src/components/inspector/inspector.vue-            2.0.0
+- ../vue2/src/components/inspector/inspector.vue-        );
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/components/timeline/components/timeline-item/timeline-item.vue-            BentoTimelineItem variant property
+- ../vue2/src/components/timeline/components/timeline-item/timeline-item.vue-            `Use the BentoTimelineItem status modifier instead to modify the color of the timeline icon.
+- ../vue2/src/components/timeline/components/timeline-item/timeline-item.vue-                        <bento-timeline-item status=red />`
+- ../vue2/src/components/timeline/components/timeline-item/timeline-item.vue-            2.0.0
+- ../vue2/src/components/timeline/components/timeline-item/timeline-item.vue-        );
+### Deprecation Found
+
+- deprecate(TITLE, MESSAGE, VERSION);
+- ../vue2/src/utils/ts/deprecate.test.ts-
+- ../vue2/src/utils/ts/deprecate.test.ts-        expect(warnSpy).toHaveBeenCalledTimes(EXPECTED_CALLS.length);
+- ../vue2/src/utils/ts/deprecate.test.ts-        expect(warnSpy.mock.calls).toEqual(EXPECTED_CALLS);
+- ../vue2/src/utils/ts/deprecate.test.ts-    });
+- ../vue2/src/utils/ts/deprecate.test.ts-
+### Deprecation Found
+
+- deprecate(TITLE, MESSAGE, VERSION);
+### Deprecation Found
+
+- deprecate(TITLE, MESSAGE, VERSION);
+### Deprecation Found
+
+- deprecate(TITLE, MESSAGE, VERSION);
+- ../vue2/src/utils/ts/deprecate.test.ts-
+- ../vue2/src/utils/ts/deprecate.test.ts-        // Only prints the message once
+- ../vue2/src/utils/ts/deprecate.test.ts-        expect(warnSpy).toHaveBeenCalledTimes(EXPECTED_CALLS.length);
+- ../vue2/src/utils/ts/deprecate.test.ts-        expect(warnSpy.mock.calls).toEqual(EXPECTED_CALLS);
+- ../vue2/src/utils/ts/deprecate.test.ts-    });
+### Deprecation Found
+
+- deprecate(TITLE, \tThis\tIs\tTabbed, VERSION);
+- ../vue2/src/utils/ts/deprecate.test.ts-
+- ../vue2/src/utils/ts/deprecate.test.ts-        // Only prints the message once
+- ../vue2/src/utils/ts/deprecate.test.ts-        expect(warnSpy).toHaveBeenCalledTimes(3);
+- ../vue2/src/utils/ts/deprecate.test.ts-        expect(warnSpy.mock.calls).toEqual([
+- ../vue2/src/utils/ts/deprecate.test.ts-            EXPECTED_CALLS[0]
+### Deprecation Found
+
+- string) {
+- ../vue2/src/utils/ts/deprecate.ts-    // If the message is already showing, dont show it again
+- ../vue2/src/utils/ts/deprecate.ts-    if (!shownMessages.has(title)) {
+- \x1b[0m ${title}`, DEPRECATION_STYLES);
+- ../vue2/src/utils/ts/deprecate.ts-        // Format multi-line descriptions with the backtick
+- ../vue2/src/utils/ts/deprecate.ts-        printDevelopmentWarning(`${deprecationMessage.replaceAll(  , ).trim()}`);
+### Deprecation Found
+
+- deprecate(
+- ../vue2/src/install.ts-                Using default setting withDesignTokensCSSInjection set to true in BentoVue plugin
+- //adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import-css-variables
+- ../vue2/src/install.ts-                2.0.0
+- ../vue2/src/install.ts-            );
+- ../vue2/src/install.ts-            // Make sure to put all awaited CSS imports below this point and not above!
+### Deprecation Found
+
+- deprecate(Using `BentoTheme.BENTO`, Please use `BentoTheme.BENTO_LIGHT` instead, 2.0.0);
+- ../vue2/src/install.ts-            setTheme(BentoTheme.BENTO_LIGHT);
+- ../vue2/src/install.ts-        } else {
+- ../vue2/src/install.ts-            setTheme(BentoTheme.BENTO_LIGHT);
+- ../vue2/src/install.ts-        }
+- ../vue2/src/install.ts-    }

package/dist/assets/directives/keyboard-navigation/keyboard-navigation.types.ts

@@ -0,0 +1 @@
+import { type DirectiveBinding } from 'vue'; type ListenerCleanup = () => void; interface KeyboardNavigation { keyDownListener?: ListenerCleanup; } export type Binding<V> = DirectiveBinding<V> & KeyboardNavigation; 

package/dist/assets/directives/tooltip/tooltip.types.ts

@@ -0,0 +1 @@
+import type { DirectiveBinding } from 'vue/types/options'; import { PopperContainerPositionBasic } from '../../components/popper-container/popper-container.types'; export interface BentoTooltipDirectiveBinding extends Readonly<DirectiveBinding> { readonly value: string; } export const BentoTooltipPosition = { ...PopperContainerPositionBasic }; export type BentoTooltipPosition = PopperContainerPositionBasic; export enum BentoTooltipState { HIDDEN = 'hidden', }