@adyen/bento-vue2 0.8.0 → 0.8.2

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal';
+import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal';
 import { BentoButtonVariant } from '@/components/button/button.types';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
@@ -19,6 +19,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    withColumnLayout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
     isOpen: {
         type: BooleanConstructor;
         required: true;
@@ -43,11 +51,27 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean | BentoModalSize;
         "b-modal-base__container--visible": boolean;
     }>;
+    modalContentConditionalClasses: import("vue").ComputedRef<{
+        'b-modal-base__content--column-layout': boolean;
+    }>;
     wrapperStyles: import("vue").ComputedRef<{
         padding: string;
     } | {
         padding?: undefined;
     }>;
+    dividerStyles: import("vue").ComputedRef<{
+        marginLeft: string;
+        width: string;
+    } | {
+        marginLeft?: undefined;
+        width?: undefined;
+    }>;
+    hasColumnLayout: import("vue").ComputedRef<boolean>;
+    computedColumnWidth: import("vue").ComputedRef<{
+        small: number;
+        medium: number;
+        large: number;
+    }[]>;
     BentoButtonVariant: typeof BentoButtonVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -68,6 +92,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    withColumnLayout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
     isOpen: {
         type: BooleanConstructor;
         required: true;
@@ -84,6 +116,8 @@ declare const _default: import("vue").DefineComponent<{
     size: BentoModalSize;
     modalRole: string;
     customPadding: string;
+    withColumnLayout: boolean;
+    columnsSize: BentoModalColumnLayoutVariant;
     initiallyOpen: boolean;
 }>;
 export default _default;

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

@@ -0,0 +1 @@
+export { default as BaseModal } from './base-modal.vue';

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoModalEvent, BentoModalSize } from '@/components/modal/modal.types';
+import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalSize } from '@/components/modal/modal.types';
 import { BentoButtonActionsList, BentoButtonVariant } from '@/components/button';
 import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
 declare const _default: import("vue").DefineComponent<{
@@ -23,6 +23,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    withColumnLayout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -83,6 +91,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    withColumnLayout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
     actions: {
         type: PropType<BentoButtonActionsList>;
         default: any;
@@ -103,6 +119,8 @@ declare const _default: import("vue").DefineComponent<{
     actions: BentoButtonActionsList;
     hideCloseButton: boolean;
     customPadding: string;
+    withColumnLayout: boolean;
+    columnsSize: BentoModalColumnLayoutVariant;
     initiallyOpen: boolean;
     actionsLabel: string;
     destructiveActions: boolean;

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

@@ -7,6 +7,11 @@ export declare enum BentoModalSize {
     MEDIUM = "medium",
     LARGE = "large"
 }
+export declare enum BentoModalColumnLayoutVariant {
+    SMALLER = "smaller",
+    EQUAL = "equal",
+    BIGGER = "bigger"
+}
 export declare enum BentoModalRole {
     DIALOG = "dialog",
     ALERT_DIALOG = "alertdialog"

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoModalDialogType, BentoModalEvent, BentoModalSize, BentoModalVariant } from '@/components/modal/modal.types';
+import { BentoModalColumnLayoutVariant, BentoModalDialogType, BentoModalEvent, BentoModalSize, BentoModalVariant } from '@/components/modal/modal.types';
 import { BentoButtonActionsList } from '@/components/button';
 declare const _default: import("vue").DefineComponent<{
     variant: {
@@ -30,6 +30,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    withColumnLayout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
     actionsLabel: {
         type: StringConstructor;
         default: any;
@@ -55,6 +63,7 @@ declare const _default: import("vue").DefineComponent<{
         actionsLabel: string;
         destructiveActions: boolean;
         isDismissible: boolean;
+        withColumnLayout: boolean;
         dialogType?: undefined;
         content?: undefined;
     } | {
@@ -66,6 +75,7 @@ declare const _default: import("vue").DefineComponent<{
         customPadding?: undefined;
         actionsLabel?: undefined;
         destructiveActions?: undefined;
+        withColumnLayout?: undefined;
     }>;
     hasSlot: (name: string) => boolean;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
@@ -97,6 +107,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: any;
     };
+    withColumnLayout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    columnsSize: {
+        type: PropType<BentoModalColumnLayoutVariant>;
+        default: BentoModalColumnLayoutVariant;
+    };
     actionsLabel: {
         type: StringConstructor;
         default: any;
@@ -121,6 +139,8 @@ declare const _default: import("vue").DefineComponent<{
     isDismissible: boolean;
     hideCloseButton: boolean;
     customPadding: string;
+    withColumnLayout: boolean;
+    columnsSize: BentoModalColumnLayoutVariant;
     isOpen: boolean;
     actionsLabel: string;
     destructiveActions: boolean;

package/dist/@types/components/payment-method/payment-method.vue.d.ts

@@ -10,8 +10,15 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     paymentMethodIconSrc: import("vue").Ref<string>;
+    conditionalIconClasses: import("vue").ComputedRef<{
+        'b-payment-method__icon--small': boolean;
+    }>;
     BentoTypographyElement: typeof BentoTypographyElement;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     type: {
@@ -22,7 +29,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    small: boolean;
     type: BentoPaymentMethodType;
 }>;
 export default _default;

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

@@ -28,6 +28,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     fixedPositioning: {
         type: BooleanConstructor;
         default: boolean;
@@ -70,6 +74,7 @@ declare const _default: import("vue").DefineComponent<{
         'b-popover--small': boolean;
         'b-popover--with-divider': boolean;
         'b-popover--large': boolean;
+        'b-popover--fit-content': boolean;
         'b-popover--without-space': boolean;
     }>;
     contentConditionalClasses: import("vue").ComputedRef<{
@@ -104,6 +109,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    fitContent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     fixedPositioning: {
         type: BooleanConstructor;
         default: boolean;
@@ -149,12 +158,13 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     modifiers: unknown[];
     large: boolean;
+    fixedPositioning: boolean;
     actions: BentoButtonActionsList;
     actionsLayout: BentoButtonActionsLayout;
-    fixedPositioning: boolean;
     divider: boolean;
     disableFocusTrap: boolean;
     dismissible: boolean;
+    fitContent: boolean;
     withoutSpace: boolean;
 }>;
 export default _default;

package/dist/@types/components/search-bar/search-bar.vue.d.ts

@@ -1,4 +1,4 @@
-import { BentoInputFieldType } from '@/components/input-field';
+import { BentoInputFieldType } from '@/components/input-field/input-field.types';
 declare const _default: import("vue").DefineComponent<{
     inputFieldAriaLabel: {
         type: StringConstructor;
@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
     value: {
         type: StringConstructor;
         default: any;
@@ -27,17 +31,29 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        dropdown: {
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
+            default: any;
+        };
+        dropdownPosition: {
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
+        };
         error: {
             type: BooleanConstructor;
             default: boolean;
         };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
         staticValue: {
             type: StringConstructor;
             default: string;
         };
         staticValuePosition: {
-            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
-            default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
         };
         type: {
             type: import("vue").PropType<BentoInputFieldType>;
@@ -48,8 +64,8 @@ declare const _default: import("vue").DefineComponent<{
             default: string;
         };
         variant: {
-            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
-            default: import("@/components/input-field").BentoInputFieldVariant;
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
+            default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
         };
     }>>, Readonly<import("vue").ExtractPropTypes<{
         ariaHidden: {
@@ -64,17 +80,29 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        dropdown: {
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
+            default: any;
+        };
+        dropdownPosition: {
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
+        };
         error: {
             type: BooleanConstructor;
             default: boolean;
         };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
         staticValue: {
             type: StringConstructor;
             default: string;
         };
         staticValuePosition: {
-            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
-            default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
         };
         type: {
             type: import("vue").PropType<BentoInputFieldType>;
@@ -85,19 +113,22 @@ declare const _default: import("vue").DefineComponent<{
             default: string;
         };
         variant: {
-            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
-            default: import("@/components/input-field").BentoInputFieldVariant;
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
+            default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
         };
-    }>>, ("input" | "escape-pressed")[], {
+    }>>, import("@/components/input-field/input-field.types").BentoInputFieldEvent[], {
         type: BentoInputFieldType;
         error: boolean;
         value: string;
         ariaHidden: boolean;
         ariaLabel: string;
         disabled: boolean;
-        variant: import("@/components/input-field").BentoInputFieldVariant;
+        placeholder: string;
+        variant: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
+        dropdown: import("@/components/input-field/input-field.types").BentoInputDropdownProps;
+        dropdownPosition: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
         staticValue: string;
-        staticValuePosition: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+        staticValuePosition: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
     }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
         ariaHidden: {
             type: BooleanConstructor;
@@ -111,17 +142,29 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        dropdown: {
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
+            default: any;
+        };
+        dropdownPosition: {
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
+        };
         error: {
             type: BooleanConstructor;
             default: boolean;
         };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
         staticValue: {
             type: StringConstructor;
             default: string;
         };
         staticValuePosition: {
-            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
-            default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
         };
         type: {
             type: import("vue").PropType<BentoInputFieldType>;
@@ -132,13 +175,16 @@ declare const _default: import("vue").DefineComponent<{
             default: string;
         };
         variant: {
-            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
-            default: import("@/components/input-field").BentoInputFieldVariant;
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
+            default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
         };
     }>>> & import("vue").ShallowUnwrapRef<{
         BentoTypographyVariant: typeof import("../typography").BentoTypographyVariant;
         BentoTypographyElement: typeof import("../typography").BentoTypographyElement;
-        BentoInputFieldVariant: typeof import("@/components/input-field").BentoInputFieldVariant;
+        BentoInputFieldVariant: typeof import("@/components/input-field/input-field.types").BentoInputFieldVariant;
+        BentoDropdownSize: typeof import("../dropdown/dropdown.types").BentoDropdownSize;
+        BentoInputFieldEvent: typeof import("@/components/input-field/input-field.types").BentoInputFieldEvent;
+        onDropdownInput: (selectedValue: import("../..").BentoListboxSelectedValue) => void;
         onInput: (event: Event) => void;
         focusInput: () => void;
         hasSlot: (name: string) => boolean;
@@ -149,6 +195,9 @@ declare const _default: import("vue").DefineComponent<{
         inputFieldId: string;
         shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
         shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
+        shouldShowDropdown: import("vue").ComputedRef<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
+        shouldDisplayDropdownAtStart: import("vue").ComputedRef<boolean>;
+        shouldDisplayDropdownAtEnd: import("vue").ComputedRef<boolean>;
     }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{
         ariaHidden: {
             type: BooleanConstructor;
@@ -162,17 +211,29 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        dropdown: {
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
+            default: any;
+        };
+        dropdownPosition: {
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
+        };
         error: {
             type: BooleanConstructor;
             default: boolean;
         };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
         staticValue: {
             type: StringConstructor;
             default: string;
         };
         staticValuePosition: {
-            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
-            default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
         };
         type: {
             type: import("vue").PropType<BentoInputFieldType>;
@@ -183,8 +244,8 @@ declare const _default: import("vue").DefineComponent<{
             default: string;
         };
         variant: {
-            type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
-            default: import("@/components/input-field").BentoInputFieldVariant;
+            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
+            default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
         };
     }>>>;
     onClearSearch: () => void;
@@ -199,12 +260,17 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
     value: {
         type: StringConstructor;
         default: any;
     };
 }>>, {
     value: string;
+    placeholder: string;
     debounceTime: number;
 }>;
 export default _default;

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

@@ -57,6 +57,23 @@ declare const _default: import("vue").DefineComponent<{
     BentoTypographyVariant: typeof BentoTypographyVariant;
     SummaryGridItemType: typeof SummaryGridItemType;
     BentoSummaryGridItemSize: typeof BentoSummaryGridItemSize;
+    PopperContainerPosition: {
+        AUTO: import("@/components/popper-container").PopperContainerPositionExtended.AUTO;
+        AUTO_START: import("@/components/popper-container").PopperContainerPositionExtended.AUTO_START;
+        AUTO_END: import("@/components/popper-container").PopperContainerPositionExtended.AUTO_END;
+        TOP_START: import("@/components/popper-container").PopperContainerPositionExtended.TOP_START;
+        TOP_END: import("@/components/popper-container").PopperContainerPositionExtended.TOP_END;
+        RIGHT_START: import("@/components/popper-container").PopperContainerPositionExtended.RIGHT_START;
+        RIGHT_END: import("@/components/popper-container").PopperContainerPositionExtended.RIGHT_END;
+        BOTTOM_START: import("@/components/popper-container").PopperContainerPositionExtended.BOTTOM_START;
+        BOTTOM_END: import("@/components/popper-container").PopperContainerPositionExtended.BOTTOM_END;
+        LEFT_START: import("@/components/popper-container").PopperContainerPositionExtended.LEFT_START;
+        LEFT_END: import("@/components/popper-container").PopperContainerPositionExtended.LEFT_END;
+        TOP: import("@/components/popper-container").PopperContainerPositionBasic.TOP;
+        RIGHT: import("@/components/popper-container").PopperContainerPositionBasic.RIGHT;
+        BOTTOM: import("@/components/popper-container").PopperContainerPositionBasic.BOTTOM;
+        LEFT: import("@/components/popper-container").PopperContainerPositionBasic.LEFT;
+    };
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     copy: {
         type: StringConstructor;
@@ -93,9 +110,9 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     copy: string;
     size: BentoSummaryGridItemSize;
+    fitContent: boolean;
     infoIconTooltipText: string;
     itemType: SummaryGridItemType;
-    fitContent: boolean;
     trendDirection: BentoSummaryGridItemTrendDirection;
     trend: string;
 }>;

package/dist/@types/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue.d.ts

@@ -80,8 +80,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     copy: string;
     size: BentoSummaryGridItemSize;
-    infoIconTooltipText: string;
     fitContent: boolean;
+    infoIconTooltipText: string;
     trendDirection: BentoSummaryGridItemTrendDirection;
     trend: string;
     secondaryLabel: string;

package/dist/@types/components/summary-grid/components/summary-grid-item-custom/summary-grid-item-custom.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     copy: string;
-    infoIconTooltipText: string;
     fitContent: boolean;
+    infoIconTooltipText: string;
 }>;
 export default _default;

package/dist/@types/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue.d.ts

@@ -72,8 +72,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     copy: string;
     size: BentoSummaryGridItemSize;
-    infoIconTooltipText: string;
     fitContent: boolean;
+    infoIconTooltipText: string;
     trendDirection: BentoSummaryGridItemTrendDirection;
     trend: string;
 }>;

package/dist/@types/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue.d.ts

@@ -72,8 +72,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     copy: string;
     size: BentoSummaryGridItemSize;
-    infoIconTooltipText: string;
     fitContent: boolean;
+    infoIconTooltipText: string;
     trendDirection: BentoSummaryGridItemTrendDirection;
     trend: string;
 }>;

package/dist/@types/components/summary-grid/components/summary-grid-item-text/summary-grid-item-text.vue.d.ts

@@ -45,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     copy: string;
-    infoIconTooltipText: string;
     fitContent: boolean;
+    infoIconTooltipText: string;
 }>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { GridLayoutColumnWidth } from './components/grid-layout/grid-layout.types';
+import { GridLayoutColumnWidth } from '@/components/internal/grid-layout/grid-layout.types';
 export declare enum BentoSummaryGridItemSize {
     SMALL = "small",
     MEDIUM = "medium",

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

@@ -3,5 +3,6 @@ export declare enum BentoTagVariant {
     BLUE = "blue",
     GREEN = "green",
     ORANGE = "orange",
-    RED = "red"
+    RED = "red",
+    WHITE = "white"
 }

package/dist/@types/types/date-format.d.ts

@@ -0,0 +1,14 @@
+export declare enum DateFormat {
+    DAY_OF_MONTH = "d",
+    NUMERIC_DAY = "dd",
+    SHORT_WEEKDAY = "EEE",
+    NUMERIC_MONTH = "MM",
+    SHORT_MONTH = "MMM",
+    LONG_MONTH = "MMMM",
+    LONG_MONTH_YEAR = "MMMM yyyy",
+    FULL_YEAR = "yyyy",
+    FULL_DATE = "d MMM, yyyy",
+    FULL_DATE_MONTH_FIRST = "MMM dd, yyyy",
+    NUMERIC_DATE_YEAR_FIRST = "yyyy-MM-dd",
+    NUMERIC_DATE_DAY_FIRST = "yyyy-MM-dd"
+}

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

@@ -5,3 +5,4 @@ export * from './omit-strict';
 export * from './prop-types';
 export * from './refs';
 export * from './listbox';
+export * from './date-format';

package/dist/@types/utils/ts/truncate.d.ts

@@ -0,0 +1 @@
+export declare const truncate: (aString: string, characterLimit: number) => string;