@adyen/bento-vue3 0.9.3 → 0.10.1-1

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

@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disableTypography: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     formattedCurrency: import("vue").ComputedRef<string>;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -25,8 +29,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disableTypography: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     currency: BentoCurrencyISOCode;
     majorUnits: boolean;
+    disableTypography: boolean;
 }>;
 export default _default;

package/dist/@types/components/data-grid/data-grid.types.d.ts

@@ -52,17 +52,18 @@ export interface BentoDatagridAllItemsSelectedState {
     isIndeterminate: boolean;
 }
 export declare enum BentoDatagridEvent {
+    COLUMNS = "columns",
     COLUMN_RESIZE = "column-resize",
-    SORT = "sort",
-    SELECT = "select",
-    NAVIGATE = "navigate",
-    UPDATE_FILERS = "update:filters",
     ITEMS_PAGE = "items-page",
-    UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term",
+    NAVIGATE = "navigate",
     FILTER_SEARCH_INPUT = "filter-search-input",
     FILTER_SEARCH_CLEAR = "filter-search-clear",
-    COLUMNS = "columns",
     UPDATE_COLUMNS = "update:columns",
+    UPDATE_CONDENSED = "update:condensed",
+    UPDATE_FILTERS = "update:filters",
+    UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term",
+    UPDATE_SORT_BY = "update:sort-by",
     ROW_CLICK = "row-click",
-    UPDATE_CONDENSED = "update:condensed"
+    SELECT = "select",
+    SORT = "sort"
 }

package/dist/@types/components/data-grid/data-grid.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     filters: {
-        type: PropType<import("@/components/filter-bar").BentoFilterBarModel>;
+        type: PropType<import("../filter-bar").BentoFilterBarModel>;
         default: any;
     };
     filterSearchTerm: {
@@ -322,7 +322,7 @@ declare const _default: import("vue").DefineComponent<{
         dragover: (e: DragEvent) => void;
     }>;
     computedColumnPanelAlignment: import("vue").ComputedRef<number>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.SORT | BentoDatagridEvent.SELECT | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.UPDATE_FILERS | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.COLUMNS | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.ROW_CLICK)[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SORT)[], string, Readonly<import("vue").ExtractPropTypes<{
     allowRowClicks: {
         type: BooleanConstructor;
         default: boolean;
@@ -348,7 +348,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     filters: {
-        type: PropType<import("@/components/filter-bar").BentoFilterBarModel>;
+        type: PropType<import("../filter-bar").BentoFilterBarModel>;
         default: any;
     };
     filterSearchTerm: {
@@ -457,7 +457,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any[];
     };
 }>>, {
-    filters: import("@/components/filter-bar").BentoFilterBarModel;
+    filters: import("../filter-bar").BentoFilterBarModel;
     condensed: boolean;
     outline: boolean;
     loading: boolean;

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

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDateFormat>;
         default: BentoDateFormat;
     };
+    disableTypography: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     formattedDate: import("vue").ComputedRef<string>;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -23,7 +27,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDateFormat>;
         default: BentoDateFormat;
     };
+    disableTypography: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    disableTypography: boolean;
     date: string | number | Date;
     format: BentoDateFormat;
 }>;

package/dist/@types/components/modal/components/base-modal/base-modal.vue.d.ts

@@ -40,6 +40,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     modal: any;
     computedAriaLabel: import("vue").ComputedRef<string>;
@@ -54,6 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     modalConditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean | BentoModalSize;
         "b-modal-base__container--visible": boolean;
+        "b-modal-base__container--overflow-visible": boolean;
     }>;
     modalContentConditionalClasses: import("vue").ComputedRef<{
         'b-modal-base__content--column-layout': boolean;
@@ -117,6 +122,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     size: BentoModalSize;
     modalRole: string;
@@ -124,5 +133,6 @@ declare const _default: import("vue").DefineComponent<{
     withColumnLayout: boolean;
     columnsSize: BentoModalColumnLayoutVariant;
     initiallyOpen: boolean;
+    overflowVisible: boolean;
 }>;
 export default _default;

package/dist/@types/components/modal/components/modal-default/modal-default.vue.d.ts

@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hideCloseButton: {
         type: BooleanConstructor;
         default: boolean;
@@ -79,6 +83,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hideCloseButton: {
         type: BooleanConstructor;
         default: boolean;
@@ -122,6 +130,7 @@ declare const _default: import("vue").DefineComponent<{
     withColumnLayout: boolean;
     columnsSize: BentoModalColumnLayoutVariant;
     initiallyOpen: boolean;
+    overflowVisible: boolean;
     actionsLabel: string;
     destructiveActions: boolean;
 }>;

package/dist/@types/components/modal/components/modal-dialog/modal-dialog.vue.d.ts

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     dialogType: {
         type: PropType<BentoModalDialogType>;
         required: true;
@@ -58,6 +62,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     dialogType: {
         type: PropType<BentoModalDialogType>;
         required: true;
@@ -77,5 +85,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     actions: BentoButtonActionsList;
     initiallyOpen: boolean;
+    overflowVisible: boolean;
 }>;
 export default _default;

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

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: any;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -63,6 +67,7 @@ declare const _default: import("vue").DefineComponent<{
         actionsLabel: string;
         destructiveActions: boolean;
         isDismissible: boolean;
+        overflowVisible: boolean;
         withColumnLayout: boolean;
         dialogType?: undefined;
         content?: undefined;
@@ -70,6 +75,7 @@ declare const _default: import("vue").DefineComponent<{
         dialogType: BentoModalDialogType;
         content: string;
         isDismissible: boolean;
+        overflowVisible: boolean;
         hideCloseButton?: undefined;
         size?: undefined;
         customPadding?: undefined;
@@ -87,6 +93,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: any;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -142,6 +152,7 @@ declare const _default: import("vue").DefineComponent<{
     withColumnLayout: boolean;
     columnsSize: BentoModalColumnLayoutVariant;
     isOpen: boolean;
+    overflowVisible: boolean;
     actionsLabel: string;
     destructiveActions: boolean;
     dialogType: BentoModalDialogType;

package/dist/@types/components/segmented-control/components/segmented-control-button/segmented-control-button.vue.d.ts

@@ -0,0 +1,60 @@
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { ComputedRef } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    segmentedControlButtonId: string;
+    isChecked: ComputedRef<boolean>;
+    conditionalClasses: ComputedRef<{
+        'b-segmented-control-button--hug-content': boolean;
+        'b-segmented-control-button--full-width': boolean;
+    }>;
+    onClick: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "update:modelValue"[], string, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    modelValue: string | number;
+    fullWidth: boolean;
+}>;
+export default _default;

package/dist/@types/components/segmented-control/index.d.ts

@@ -1,3 +1,2 @@
-export { default as AdlSegmentedOption } from './components/segmented-option.vue';
-export { default as AdlSegmentedControl } from './segmented-control.vue';
+export { default as BentoSegmentedControl } from './segmented-control.vue';
 export * from './segmented-control.types';

package/dist/@types/components/segmented-control/segmented-control.types.d.ts

@@ -1,15 +1,8 @@
-export interface AdlSegmentedControlApi {
-    state: {
-        name: string;
-        disabled: boolean;
-        selectedValue: unknown;
-    };
-    changeValue: (newValue: unknown) => void;
+export interface BentoSegmentedControlItem {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
 }
-export declare enum AdlSegmentedControlState {
-    DISABLED = "disabled"
-}
-export declare enum AdlSegmentedOptionState {
-    DISABLED = "disabled",
-    SELECTED = "selected"
+export declare enum BentoSegmentedControlEvent {
+    UPDATE = "update:modelValue"
 }

package/dist/@types/components/segmented-control/segmented-control.vue.d.ts

@@ -1,42 +1,53 @@
+import { PropType } from 'vue';
+import { BentoSegmentedControlEvent, BentoSegmentedControlItem } from './segmented-control.types';
 declare const _default: import("vue").DefineComponent<{
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    items: {
+        type: PropType<BentoSegmentedControlItem[]>;
+        required: true;
+        validator: (arr: Array<BentoSegmentedControlItem[]>) => boolean;
     };
-    value: {
-        type: any;
-        default: any;
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
     };
-    name: {
+    ariaLabel: {
         type: StringConstructor;
         required: true;
     };
-}, {}, {
-    state: {
-        disabled: boolean;
-        selectedValue: any;
-        name: string;
-    };
-    ariaLabel: any;
-}, {
-    conditionalClasses(): {
-        [className: string]: boolean;
-    };
-}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
+    fullWidth: {
         type: BooleanConstructor;
         default: boolean;
     };
-    value: {
-        type: any;
-        default: any;
+}, {
+    inputValue: import("vue").Ref<string | number>;
+    dropdownId: string;
+    segmentedControlRef: any;
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-segmented-control--hidden': boolean;
+        'b-segmented-control--full-width': boolean;
+    }>;
+    isSegmentedControlVisible: import("vue").Ref<boolean>;
+    isSegmentedControlHidden: import("vue").ComputedRef<boolean>;
+    onInput: (value: any) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoSegmentedControlEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<BentoSegmentedControlItem[]>;
+        required: true;
+        validator: (arr: Array<BentoSegmentedControlItem[]>) => boolean;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
     };
-    name: {
+    ariaLabel: {
         type: StringConstructor;
         required: true;
     };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
-    value: any;
-    disabled: boolean;
+    fullWidth: boolean;
 }>;
 export default _default;

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

@@ -3,8 +3,6 @@ import {
     // AdlAccordion,
     // AdlAccordionItem,
     // AdlBadge,
-    // AdlSegmentedControl,
-    // AdlSegmentedOption,
     // AdlTab,
     // AdlTabs,
     // AdlTextarea,
@@ -42,6 +40,7 @@ import {
     BentoPopover,
     BentoRadioGroup,
     BentoSearchBar,
+    BentoSegmentedControl,
     BentoStatus,
     BentoStructuredList,
     BentoSummaryGrid,
@@ -63,8 +62,6 @@ declare module 'vue' {
         // AdlAccordion: typeof AdlAccordion;
         // AdlAccordionItem: typeof AdlAccordionItem;
         // AdlBadge: typeof AdlBadge;
-        // AdlSegmentedControl: typeof AdlSegmentedControl;
-        // AdlSegmentedOption: typeof AdlSegmentedOption;
         // AdlTabs: typeof AdlTabs;
         // AdlTab: typeof AdlTab;
         // AdlTextarea: typeof AdlTextarea;
@@ -102,6 +99,7 @@ declare module 'vue' {
         BentoPopover: typeof BentoPopover;
         BentoRadioGroup: typeof BentoRadioGroup;
         BentoSearchBar: typeof BentoSearchBar;
+        BentoSegmentedControl: typeof BentoSegmentedControl;
         BentoStatus: typeof BentoStatus;
         BentoStructuredList: typeof BentoStructuredList;
         BentoSummaryGrid: typeof BentoSummaryGrid;

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

@@ -24,6 +24,7 @@ export * from './components/payment-method';
 export * from './components/popover';
 export * from './components/radio-group';
 export * from './components/search-bar';
+export * from './components/segmented-control';
 export * from './components/status';
 export * from './components/structured-list';
 export * from './components/summary-grid';