@adyen/bento-vue2 1.1.0 → 1.2.0

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

@@ -1,4 +1,4 @@
-import { BentoInputFieldType } from '@/components/input-field/input-field.types';
+import { BentoInputFieldType } from "../input-field/input-field.types";
 import { BentoSearchBarInternalEvent } from './search-bar.types';
 declare const _default: import("vue").DefineComponent<{
     inputFieldAriaLabel: {
@@ -33,12 +33,13 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
         dropdown: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
+            type: import("vue").PropType<import("../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;
+            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
+            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
         };
         error: {
             type: BooleanConstructor;
@@ -69,20 +70,23 @@ declare const _default: import("vue").DefineComponent<{
             default: string;
         };
         staticValuePosition: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
+            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
+            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
         };
         type: {
-            type: import("vue").PropType<BentoInputFieldType>;
+            type: import("vue").PropType<"number" | "search" | "text" | BentoInputFieldType>;
             default: BentoInputFieldType;
+            validator: (value: BentoInputFieldType) => boolean;
         };
         value: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldValue>;
+            type: import("vue").PropType<import("../input-field/input-field.types").BentoInputFieldValue>;
             default: any;
         };
         variant: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
-            default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
+            type: import("vue").PropType<"default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant>;
+            default: import("../input-field/input-field.types").BentoInputFieldVariant;
+            validator: (value: import("../input-field/input-field.types").BentoInputFieldVariant) => boolean;
         };
     }>>, Readonly<import("vue").ExtractPropTypes<{
         ariaHidden: {
@@ -98,12 +102,13 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
         dropdown: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
+            type: import("vue").PropType<import("../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;
+            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
+            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
         };
         error: {
             type: BooleanConstructor;
@@ -134,38 +139,41 @@ declare const _default: import("vue").DefineComponent<{
             default: string;
         };
         staticValuePosition: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
+            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
+            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
         };
         type: {
-            type: import("vue").PropType<BentoInputFieldType>;
+            type: import("vue").PropType<"number" | "search" | "text" | BentoInputFieldType>;
             default: BentoInputFieldType;
+            validator: (value: BentoInputFieldType) => boolean;
         };
         value: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldValue>;
+            type: import("vue").PropType<import("../input-field/input-field.types").BentoInputFieldValue>;
             default: any;
         };
         variant: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
-            default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
+            type: import("vue").PropType<"default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant>;
+            default: import("../input-field/input-field.types").BentoInputFieldVariant;
+            validator: (value: import("../input-field/input-field.types").BentoInputFieldVariant) => boolean;
         };
-    }>>, import("@/components/input-field/input-field.types").BentoInputFieldEvent[], {
+    }>>, import("../input-field/input-field.types").BentoInputFieldEvent[], {
         error: boolean;
-        value: import("@/components/input-field/input-field.types").BentoInputFieldValue;
-        type: BentoInputFieldType;
+        value: import("../input-field/input-field.types").BentoInputFieldValue;
+        type: "number" | "search" | "text" | BentoInputFieldType;
         disabled: boolean;
-        variant: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
+        variant: "default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant;
         required: boolean;
         ariaLabel: string;
         placeholder: string;
         errorMessage: string;
         readonly: boolean;
         optional: boolean;
-        dropdown: import("@/components/input-field/input-field.types").BentoInputDropdownProps;
+        dropdown: import("../input-field/input-field.types").BentoInputDropdownProps;
         ariaHidden: boolean;
-        dropdownPosition: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
+        dropdownPosition: "start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition;
         staticValue: string;
-        staticValuePosition: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
+        staticValuePosition: "start" | "end" | import("../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;
@@ -180,12 +188,13 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
         dropdown: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
+            type: import("vue").PropType<import("../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;
+            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
+            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
         };
         error: {
             type: BooleanConstructor;
@@ -216,27 +225,30 @@ declare const _default: import("vue").DefineComponent<{
             default: string;
         };
         staticValuePosition: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
+            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
+            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
         };
         type: {
-            type: import("vue").PropType<BentoInputFieldType>;
+            type: import("vue").PropType<"number" | "search" | "text" | BentoInputFieldType>;
             default: BentoInputFieldType;
+            validator: (value: BentoInputFieldType) => boolean;
         };
         value: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldValue>;
+            type: import("vue").PropType<import("../input-field/input-field.types").BentoInputFieldValue>;
             default: any;
         };
         variant: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
-            default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
+            type: import("vue").PropType<"default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant>;
+            default: import("../input-field/input-field.types").BentoInputFieldVariant;
+            validator: (value: import("../input-field/input-field.types").BentoInputFieldVariant) => boolean;
         };
     }>>> & import("vue").ShallowUnwrapRef<{
         BentoTypographyVariant: typeof import("../typography").BentoTypographyVariant;
         BentoTypographyElement: typeof import("../typography").BentoTypographyElement;
-        BentoInputFieldVariant: typeof import("@/components/input-field/input-field.types").BentoInputFieldVariant;
+        BentoInputFieldVariant: typeof import("../input-field/input-field.types").BentoInputFieldVariant;
         BentoDropdownSize: typeof import("../dropdown/dropdown.types").BentoDropdownSize;
-        BentoInputFieldEvent: typeof import("@/components/input-field/input-field.types").BentoInputFieldEvent;
+        BentoInputFieldEvent: typeof import("../input-field/input-field.types").BentoInputFieldEvent;
         t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
             [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
         }>, never, import("@intlify/core-base")._ResourcePath<{
@@ -280,12 +292,13 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
         dropdown: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
+            type: import("vue").PropType<import("../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;
+            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
+            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
         };
         error: {
             type: BooleanConstructor;
@@ -316,20 +329,23 @@ declare const _default: import("vue").DefineComponent<{
             default: string;
         };
         staticValuePosition: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
-            default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
+            type: import("vue").PropType<"start" | "end" | import("../input-field/input-field.types").BentoInputFieldElementPosition>;
+            default: import("../input-field/input-field.types").BentoInputFieldElementPosition;
+            validator: (value: import("../input-field/input-field.types").BentoInputFieldElementPosition) => boolean;
         };
         type: {
-            type: import("vue").PropType<BentoInputFieldType>;
+            type: import("vue").PropType<"number" | "search" | "text" | BentoInputFieldType>;
             default: BentoInputFieldType;
+            validator: (value: BentoInputFieldType) => boolean;
         };
         value: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldValue>;
+            type: import("vue").PropType<import("../input-field/input-field.types").BentoInputFieldValue>;
             default: any;
         };
         variant: {
-            type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
-            default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
+            type: import("vue").PropType<"default" | "payment-method" | "static-value" | "dropdown" | import("../input-field/input-field.types").BentoInputFieldVariant>;
+            default: import("../input-field/input-field.types").BentoInputFieldVariant;
+            validator: (value: import("../input-field/input-field.types").BentoInputFieldVariant) => boolean;
         };
     }>>>;
     onClearSearch: () => void;

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

@@ -1,4 +1,4 @@
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 import { ComputedRef } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     label: {

package/dist/@types/packages/vue2/src/components/status/status.vue.d.ts

@@ -1,9 +1,9 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 import { BentoStatusVariant } from './status.types';
 declare const _default: import("vue").DefineComponent<{
     variant: {
-        type: PropType<BentoStatusVariant>;
+        type: PropType<"blue" | "green" | "red" | "yellow" | "grey" | "orange" | BentoStatusVariant>;
         required: true;
         validator: (type: BentoStatusVariant) => boolean;
     };
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     BentoTypographyVariant: typeof BentoTypographyVariant;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     variant: {
-        type: PropType<BentoStatusVariant>;
+        type: PropType<"blue" | "green" | "red" | "yellow" | "grey" | "orange" | BentoStatusVariant>;
         required: true;
         validator: (type: BentoStatusVariant) => boolean;
     };

package/dist/@types/packages/vue2/src/components/structured-list/components/structered-list-item/structured-list-item.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from '@/components/button';
-import { BentoTypographyVariant } from '@/components/typography';
+import { BentoButtonVariant } from "../../../button";
+import { BentoTypographyVariant } from "../../../typography";
 declare const _default: import("vue").DefineComponent<{
     label: {
         type: StringConstructor;

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { BentoTagVariant } from '@/components/tag';
-import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
+import { BentoTagVariant } from "../../../tag";
+import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
 import { SummaryGridItemType } from './summary-grid-item.types';
 declare const _default: import("vue").DefineComponent<{
     copy: {
@@ -9,8 +9,9 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     itemType: {
-        type: PropType<SummaryGridItemType>;
+        type: PropType<"text" | "numeric" | "custom" | "amount" | "percentage" | SummaryGridItemType>;
         default: SummaryGridItemType;
+        validator: (value: SummaryGridItemType) => boolean;
     };
     infoIconTooltipText: {
         type: StringConstructor;
@@ -25,24 +26,27 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<BentoSummaryGridItemSize>;
+        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
+        validator: (value: BentoSummaryGridItemSize) => boolean;
     };
     trend: {
         type: StringConstructor;
         default: any;
     };
     trendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     secondaryTrend: {
         type: StringConstructor;
         default: any;
     };
     secondaryTrendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
 }, {
     trendVariant: import("vue").ComputedRef<BentoTagVariant.BLUE | BentoTagVariant.GREEN | BentoTagVariant.RED>;
@@ -67,21 +71,21 @@ declare const _default: import("vue").DefineComponent<{
     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;
+        AUTO: import("../../../popper-container").PopperContainerPositionExtended.AUTO;
+        AUTO_START: import("../../../popper-container").PopperContainerPositionExtended.AUTO_START;
+        AUTO_END: import("../../../popper-container").PopperContainerPositionExtended.AUTO_END;
+        TOP_START: import("../../../popper-container").PopperContainerPositionExtended.TOP_START;
+        TOP_END: import("../../../popper-container").PopperContainerPositionExtended.TOP_END;
+        RIGHT_START: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_START;
+        RIGHT_END: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_END;
+        BOTTOM_START: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_START;
+        BOTTOM_END: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_END;
+        LEFT_START: import("../../../popper-container").PopperContainerPositionExtended.LEFT_START;
+        LEFT_END: import("../../../popper-container").PopperContainerPositionExtended.LEFT_END;
+        TOP: import("../../../popper-container").PopperContainerPositionBasic.TOP;
+        RIGHT: import("../../../popper-container").PopperContainerPositionBasic.RIGHT;
+        BOTTOM: import("../../../popper-container").PopperContainerPositionBasic.BOTTOM;
+        LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
     };
     hasSlot: (name: string) => boolean;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
@@ -90,8 +94,9 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     itemType: {
-        type: PropType<SummaryGridItemType>;
+        type: PropType<"text" | "numeric" | "custom" | "amount" | "percentage" | SummaryGridItemType>;
         default: SummaryGridItemType;
+        validator: (value: SummaryGridItemType) => boolean;
     };
     infoIconTooltipText: {
         type: StringConstructor;
@@ -106,34 +111,37 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<BentoSummaryGridItemSize>;
+        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
+        validator: (value: BentoSummaryGridItemSize) => boolean;
     };
     trend: {
         type: StringConstructor;
         default: any;
     };
     trendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     secondaryTrend: {
         type: StringConstructor;
         default: any;
     };
     secondaryTrendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
 }>>, {
     copy: string;
-    size: BentoSummaryGridItemSize;
+    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     fitContent: boolean;
     infoIconTooltipText: string;
-    itemType: SummaryGridItemType;
+    itemType: "text" | "numeric" | "custom" | "amount" | "percentage" | SummaryGridItemType;
     trend: string;
-    trendDirection: BentoSummaryGridItemTrendDirection;
+    trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
     secondaryTrend: string;
-    secondaryTrendDirection: BentoSummaryGridItemTrendDirection;
+    secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
 }>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';
+import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
 import { SummaryGridItemType } from '../summary-grid-item';
 declare const _default: import("vue").DefineComponent<{
     copy: {
@@ -35,20 +35,23 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     trendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     secondaryTrend: {
         type: StringConstructor;
         default: any;
     };
     secondaryTrendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     size: {
-        type: PropType<BentoSummaryGridItemSize>;
+        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
+        validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }, {
     SummaryGridItemType: typeof SummaryGridItemType;
@@ -86,30 +89,33 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     trendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     secondaryTrend: {
         type: StringConstructor;
         default: any;
     };
     secondaryTrendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     size: {
-        type: PropType<BentoSummaryGridItemSize>;
+        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
+        validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
     copy: string;
-    size: BentoSummaryGridItemSize;
+    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;
-    trendDirection: BentoSummaryGridItemTrendDirection;
+    trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
     secondaryTrend: string;
-    secondaryTrendDirection: BentoSummaryGridItemTrendDirection;
+    secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
     secondaryLabel: string;
     secondaryMetric: string;
 }>;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';
+import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
 import { SummaryGridItemType } from '../summary-grid-item';
 declare const _default: import("vue").DefineComponent<{
     copy: {
@@ -31,20 +31,23 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     trendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     secondaryTrend: {
         type: StringConstructor;
         default: any;
     };
     secondaryTrendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     size: {
-        type: PropType<BentoSummaryGridItemSize>;
+        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
+        validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }, {
     SummaryGridItemType: typeof SummaryGridItemType;
@@ -78,30 +81,33 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     trendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     secondaryTrend: {
         type: StringConstructor;
         default: any;
     };
     secondaryTrendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     size: {
-        type: PropType<BentoSummaryGridItemSize>;
+        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
+        validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
     copy: string;
-    size: BentoSummaryGridItemSize;
+    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;
-    trendDirection: BentoSummaryGridItemTrendDirection;
+    trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
     secondaryTrend: string;
-    secondaryTrendDirection: BentoSummaryGridItemTrendDirection;
+    secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
     secondaryMetric: string;
 }>;
 export default _default;