@adyen/bento-vue3 1.1.0 → 1.2.0

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

@@ -1,16 +1,17 @@
-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 { PropType } from "../../../../../../vue3/node_modules/vue";
+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<{
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     copy: {
         type: StringConstructor;
         default: any;
     };
     itemType: {
-        type: PropType<SummaryGridItemType>;
+        type: PropType<"text" | "numeric" | "custom" | "amount" | "percentage" | SummaryGridItemType>;
         default: SummaryGridItemType;
+        validator: (value: SummaryGridItemType) => boolean;
     };
     infoIconTooltipText: {
         type: StringConstructor;
@@ -25,41 +26,44 @@ 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>;
-    secondaryTrendVariant: import("vue").ComputedRef<BentoTagVariant.BLUE | BentoTagVariant.GREEN | BentoTagVariant.RED>;
-    isContentTypographyApplied: import("vue").ComputedRef<boolean>;
-    typographyProps: import("vue").ComputedRef<{
+    trendVariant: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoTagVariant.BLUE | BentoTagVariant.GREEN | BentoTagVariant.RED>;
+    secondaryTrendVariant: import("../../../../../../vue3/node_modules/vue").ComputedRef<BentoTagVariant.BLUE | BentoTagVariant.GREEN | BentoTagVariant.RED>;
+    isContentTypographyApplied: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
+    typographyProps: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         medium: boolean;
         strongest: boolean;
         wide: boolean;
         variant: BentoTypographyVariant;
     }>;
-    computedStyles: import("vue").ComputedRef<{
+    computedStyles: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         width: string;
     } | {
         width?: undefined;
     }>;
-    summaryBarItemTrendConditionalClasses: import("vue").ComputedRef<{
+    summaryBarItemTrendConditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
         [x: string]: string;
     }>;
     BentoTypographyElement: typeof BentoTypographyElement;
@@ -67,31 +71,32 @@ 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;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     copy: {
         type: StringConstructor;
         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,7 +1,7 @@
-import { PropType } from 'vue';
-import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';
+import { PropType } from "../../../../../../vue3/node_modules/vue";
+import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
 import { SummaryGridItemType } from '../summary-grid-item';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     copy: {
         type: StringConstructor;
         default: any;
@@ -35,24 +35,27 @@ 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;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     copy: {
         type: StringConstructor;
         default: any;
@@ -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-custom/summary-grid-item-custom.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     copy: {
         type: StringConstructor;
         default: any;
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "copy-to-clipboard"[], "copy-to-clipboard", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, "copy-to-clipboard"[], "copy-to-clipboard", import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     copy: {
         type: StringConstructor;
         default: any;

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

@@ -1,7 +1,7 @@
-import { PropType } from 'vue';
-import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';
+import { PropType } from "../../../../../../vue3/node_modules/vue";
+import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
 import { SummaryGridItemType } from '../summary-grid-item';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     copy: {
         type: StringConstructor;
         default: any;
@@ -31,24 +31,27 @@ 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;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     copy: {
         type: StringConstructor;
         default: any;
@@ -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;

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

@@ -1,7 +1,7 @@
-import { PropType } from 'vue';
-import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';
+import { PropType } from "../../../../../../vue3/node_modules/vue";
+import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
 import { SummaryGridItemType } from '../summary-grid-item';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     label: {
         type: StringConstructor;
         required: true;
@@ -31,24 +31,27 @@ 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;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         required: true;
@@ -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;

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

@@ -1,5 +1,5 @@
 import { SummaryGridItemType } from '../summary-grid-item';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
     copy: {
         type: StringConstructor;
         default: any;
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     SummaryGridItemType: typeof SummaryGridItemType;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     copy: {
         type: StringConstructor;
         default: any;

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

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

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

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
+import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoSummaryGridColumnWidth } from './summary-grid.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     columnWidth: {
         type: PropType<BentoSummaryGridColumnWidth>;
         default: any;
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     hasSlot: (name: string) => boolean;
     numberOfRows: number;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
     columnWidth: {
         type: PropType<BentoSummaryGridColumnWidth>;
         default: any;

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

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("../../../../../vue3/node_modules/vue").DefineComponent<{
     title: {
         type: StringConstructor;
         required: true;
@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     activeTabId: unknown;
     id: string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../vue3/node_modules/vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: true;

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

@@ -1,6 +1,6 @@
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 import { BentoTabsEvent } from './tabs.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     activeTabIndex: {
         type: NumberConstructor;
         default: number;
@@ -8,16 +8,16 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     BentoTypographyElement: typeof BentoTypographyElement;
     BentoTypographyVariant: typeof BentoTypographyVariant;
-    tabs: import("vue").Ref<{
+    tabs: import("../../../../vue3/node_modules/vue").Ref<{
         disabled: boolean;
         id: string;
         title: string;
     }[]>;
     tablist: any;
-    activeTabId: import("vue").Ref<string>;
+    activeTabId: import("../../../../vue3/node_modules/vue").Ref<string>;
     onKeydownTabsNavigation: (e: KeyboardEvent) => void;
     handleTabChange: (tabId: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, BentoTabsEvent[], BentoTabsEvent, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoTabsEvent[], BentoTabsEvent, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
     activeTabIndex: {
         type: NumberConstructor;
         default: number;

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

@@ -1,13 +1,13 @@
-import { PropType } from 'vue';
+import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoTagVariant } from './tag.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-declare const _default: import("vue").DefineComponent<{
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
     label: {
         type: StringConstructor;
         default: any;
     };
     variant: {
-        type: PropType<BentoTagVariant>;
+        type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant>;
         default: BentoTagVariant;
         validator: (value: BentoTagVariant) => boolean;
     };
@@ -16,22 +16,22 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
 }, {
-    computedAriaLabel: import("vue").ComputedRef<string>;
-    textFromSlot: import("vue").ComputedRef<any>;
-    formattedText: import("vue").ComputedRef<any>;
-    tagConditionalClasses: import("vue").ComputedRef<{
-        [x: string]: BentoTagVariant;
+    computedAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
+    textFromSlot: import("../../../../vue3/node_modules/vue").ComputedRef<any>;
+    formattedText: import("../../../../vue3/node_modules/vue").ComputedRef<any>;
+    tagConditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
+        [x: string]: "blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant;
     }>;
-    shouldShowTooltip: import("vue").ComputedRef<boolean>;
+    shouldShowTooltip: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
     BentoTypographyVariant: typeof BentoTypographyVariant;
     BentoTypographyElement: typeof BentoTypographyElement;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         default: any;
     };
     variant: {
-        type: PropType<BentoTagVariant>;
+        type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant>;
         default: BentoTagVariant;
         validator: (value: BentoTagVariant) => boolean;
     };
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     label: string;
-    variant: BentoTagVariant;
+    variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant;
     truncate: number;
 }>;
 export default _default;