@ironsource/shared-ui 2.1.12-rc.12 → 2.1.12-rc.14

package/components/chart/index.d.ts

@@ -10,21 +10,28 @@ declare const ChartTypes: () => ({
             minVisible: number;
             maxVisible: number;
             maxLimitTooltipText: string;
+            sortSelected: any;
+            sortOptions: unknown[];
+            sortOptionNameKey: string;
             chartType: import("./types").ChartType;
             hideLegend: boolean;
             xAxisFormat: import("./types").ValueFormat;
             yAxisFormat: import("./types").ValueFormat;
             parsing: import("./types").ChartParsingConfig;
             dataSets: import("./types").ChartDataSet[];
+            trendTooltip: any;
             subheader: string;
+            subheaderTooltip: any;
             trendValue: string | number;
             trendDirection: "up" | "down";
             tickCount: number;
-            withAnimation: boolean;
-            totalsChart: boolean;
             noDataIcon: string;
             noDataTitle: string;
             noDataSubtitle: string;
+            withAnimation: boolean;
+            tooltipTotalType: import("../../utils/totals").TotalType;
+            tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+            totalsChart: boolean;
             fullHeight: boolean;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
@@ -54,6 +61,18 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            sortSelected: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            sortOptions: {
+                type: import("vue").PropType<unknown[]>;
+                default: () => any[];
+            };
+            sortOptionNameKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             chartType: {
                 type: import("vue").PropType<import("./types").ChartType>;
                 default: import("./types").ChartType;
@@ -79,10 +98,25 @@ declare const ChartTypes: () => ({
                 required: true;
                 default: () => any[];
             };
+            trendTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    rangeCurrent?: string;
+                    rangePrevious?: string;
+                }>;
+                default: any;
+            };
             subheader: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            subheaderTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    text?: string;
+                }>;
+                default: any;
+            };
             trendValue: {
                 type: import("vue").PropType<string | number>;
                 default: any;
@@ -95,14 +129,6 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            withAnimation: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            totalsChart: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             noDataIcon: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -115,6 +141,22 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            withAnimation: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipTotalType: {
+                type: import("vue").PropType<import("../../utils/totals").TotalType>;
+                default: import("../../utils/totals").TotalType;
+            };
+            tooltipTotalCalcFn: {
+                type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
+                default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+            };
+            totalsChart: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -129,8 +171,9 @@ declare const ChartTypes: () => ({
             };
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
+            "onUpdate:sortSelected"?: (sortOption: unknown) => any;
             "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "chartType" | "hideLegend" | "xAxisFormat" | "yAxisFormat" | "parsing" | "dataSets" | "subheader" | "trendValue" | "trendDirection" | "tickCount" | "withAnimation" | "totalsChart" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "yAxisFormat" | "parsing" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "totalsChart" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -142,7 +185,7 @@ declare const ChartTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:chartType", chartType: import("./types").ChartType) => void);
+        $emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:sortSelected", sortOption: unknown) => void) & ((event: "update:chartType", chartType: import("./types").ChartType) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             header: {
@@ -170,6 +213,18 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            sortSelected: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            sortOptions: {
+                type: import("vue").PropType<unknown[]>;
+                default: () => any[];
+            };
+            sortOptionNameKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             chartType: {
                 type: import("vue").PropType<import("./types").ChartType>;
                 default: import("./types").ChartType;
@@ -195,10 +250,25 @@ declare const ChartTypes: () => ({
                 required: true;
                 default: () => any[];
             };
+            trendTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    rangeCurrent?: string;
+                    rangePrevious?: string;
+                }>;
+                default: any;
+            };
             subheader: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            subheaderTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    text?: string;
+                }>;
+                default: any;
+            };
             trendValue: {
                 type: import("vue").PropType<string | number>;
                 default: any;
@@ -211,14 +281,6 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            withAnimation: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            totalsChart: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             noDataIcon: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -231,6 +293,22 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            withAnimation: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipTotalType: {
+                type: import("vue").PropType<import("../../utils/totals").TotalType>;
+                default: import("../../utils/totals").TotalType;
+            };
+            tooltipTotalCalcFn: {
+                type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
+                default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+            };
+            totalsChart: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -245,10 +323,12 @@ declare const ChartTypes: () => ({
             };
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
+            "onUpdate:sortSelected"?: (sortOption: unknown) => any;
             "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:chartType": (chartType: import("./types").ChartType) => void;
             "update:visibleIds": (visibleIds: unknown[]) => void;
+            "update:sortSelected": (sortOption: unknown) => void;
         }, string, {
             header: string;
             loading: boolean;
@@ -256,21 +336,28 @@ declare const ChartTypes: () => ({
             minVisible: number;
             maxVisible: number;
             maxLimitTooltipText: string;
+            sortSelected: any;
+            sortOptions: unknown[];
+            sortOptionNameKey: string;
             chartType: import("./types").ChartType;
             hideLegend: boolean;
             xAxisFormat: import("./types").ValueFormat;
             yAxisFormat: import("./types").ValueFormat;
             parsing: import("./types").ChartParsingConfig;
             dataSets: import("./types").ChartDataSet[];
+            trendTooltip: any;
             subheader: string;
+            subheaderTooltip: any;
             trendValue: string | number;
             trendDirection: "up" | "down";
             tickCount: number;
-            withAnimation: boolean;
-            totalsChart: boolean;
             noDataIcon: string;
             noDataTitle: string;
             noDataSubtitle: string;
+            withAnimation: boolean;
+            tooltipTotalType: import("../../utils/totals").TotalType;
+            tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+            totalsChart: boolean;
             fullHeight: boolean;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
@@ -320,6 +407,18 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        sortSelected: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        sortOptions: {
+            type: import("vue").PropType<unknown[]>;
+            default: () => any[];
+        };
+        sortOptionNameKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         chartType: {
             type: import("vue").PropType<import("./types").ChartType>;
             default: import("./types").ChartType;
@@ -345,10 +444,25 @@ declare const ChartTypes: () => ({
             required: true;
             default: () => any[];
         };
+        trendTooltip: {
+            type: import("vue").PropType<{
+                header?: string;
+                rangeCurrent?: string;
+                rangePrevious?: string;
+            }>;
+            default: any;
+        };
         subheader: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        subheaderTooltip: {
+            type: import("vue").PropType<{
+                header?: string;
+                text?: string;
+            }>;
+            default: any;
+        };
         trendValue: {
             type: import("vue").PropType<string | number>;
             default: any;
@@ -361,14 +475,6 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<number>;
             default: number;
         };
-        withAnimation: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        totalsChart: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         noDataIcon: {
             type: import("vue").PropType<string>;
             default: string;
@@ -381,6 +487,22 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        withAnimation: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tooltipTotalType: {
+            type: import("vue").PropType<import("../../utils/totals").TotalType>;
+            default: import("../../utils/totals").TotalType;
+        };
+        tooltipTotalCalcFn: {
+            type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
+            default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+        };
+        totalsChart: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         fullHeight: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -395,6 +517,7 @@ declare const ChartTypes: () => ({
         };
     }>> & {
         "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
+        "onUpdate:sortSelected"?: (sortOption: unknown) => any;
         "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
@@ -426,6 +549,18 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    sortSelected: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
+    sortOptions: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => any[];
+    };
+    sortOptionNameKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     chartType: {
         type: import("vue").PropType<import("./types").ChartType>;
         default: import("./types").ChartType;
@@ -451,10 +586,25 @@ declare const ChartTypes: () => ({
         required: true;
         default: () => any[];
     };
+    trendTooltip: {
+        type: import("vue").PropType<{
+            header?: string;
+            rangeCurrent?: string;
+            rangePrevious?: string;
+        }>;
+        default: any;
+    };
     subheader: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    subheaderTooltip: {
+        type: import("vue").PropType<{
+            header?: string;
+            text?: string;
+        }>;
+        default: any;
+    };
     trendValue: {
         type: import("vue").PropType<string | number>;
         default: any;
@@ -467,14 +617,6 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<number>;
         default: number;
     };
-    withAnimation: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    totalsChart: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     noDataIcon: {
         type: import("vue").PropType<string>;
         default: string;
@@ -487,6 +629,22 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    withAnimation: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    tooltipTotalType: {
+        type: import("vue").PropType<import("../../utils/totals").TotalType>;
+        default: import("../../utils/totals").TotalType;
+    };
+    tooltipTotalCalcFn: {
+        type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
+        default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+    };
+    totalsChart: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     fullHeight: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -501,10 +659,12 @@ declare const ChartTypes: () => ({
     };
 }>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
+    "onUpdate:sortSelected"?: (sortOption: unknown) => any;
     "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (chartType: import("./types").ChartType) => void;
     "update:visibleIds": (visibleIds: unknown[]) => void;
+    "update:sortSelected": (sortOption: unknown) => void;
 }, string, {
     header: string;
     loading: boolean;
@@ -512,26 +672,34 @@ declare const ChartTypes: () => ({
     minVisible: number;
     maxVisible: number;
     maxLimitTooltipText: string;
+    sortSelected: any;
+    sortOptions: unknown[];
+    sortOptionNameKey: string;
     chartType: import("./types").ChartType;
     hideLegend: boolean;
     xAxisFormat: import("./types").ValueFormat;
     yAxisFormat: import("./types").ValueFormat;
     parsing: import("./types").ChartParsingConfig;
     dataSets: import("./types").ChartDataSet[];
+    trendTooltip: any;
     subheader: string;
+    subheaderTooltip: any;
     trendValue: string | number;
     trendDirection: "up" | "down";
     tickCount: number;
-    withAnimation: boolean;
-    totalsChart: boolean;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
+    withAnimation: boolean;
+    tooltipTotalType: import("../../utils/totals").TotalType;
+    tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+    totalsChart: boolean;
     fullHeight: boolean;
     withSettingsHeader: boolean;
     extraCharts: Record<string, unknown>[];
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
+        "before-chart-type"?(_: {}): any;
         metric?(_: {}): any;
         breakdowns?(_: {}): any;
         "subheader-tooltip"?(_: {}): any;

package/components/chart/mockData.d.ts

@@ -1,10 +1,10 @@
 export declare const SINGLE_DATASET_DATE: {
+    id: string;
     label: string;
     data: {
         date: string;
         value: number;
     }[];
-    color: string;
 }[];
 export declare const SINGLE_DATASET_COUNTRY: {
     id: string;
@@ -16,7 +16,7 @@ export declare const SINGLE_DATASET_COUNTRY: {
     }[];
 }[];
 export declare const MULTIPLE_DATASETS_DATE: ({
-    id: string;
+    id: number;
     label: string;
     caption: string;
     icon: string;
@@ -28,7 +28,7 @@ export declare const MULTIPLE_DATASETS_DATE: ({
     }[];
     iconType?: undefined;
 } | {
-    id: string;
+    id: number;
     label: string;
     caption: string;
     icon: string;
@@ -39,19 +39,9 @@ export declare const MULTIPLE_DATASETS_DATE: ({
         value2: number;
         value3: number;
     }[];
-} | {
-    id: string;
-    label: string;
-    caption: string;
-    icon: string;
-    data: {
-        date: string;
-        value: number;
-    }[];
-    iconType?: undefined;
 })[];
 export declare const MULTIPLE_DATASETS_SINGLE_DATE: {
-    id: string;
+    id: number;
     label: string;
     data: {
         date: string;
@@ -69,3 +59,7 @@ export declare const breakdownsOptions: {
     id: string;
     label: string;
 }[];
+export declare const LEGEND_SORTING_OPTIONS: {
+    id: string;
+    label: string;
+}[];

package/components/chart/types.d.ts

@@ -14,7 +14,7 @@ export type ChartDataSet = {
     label: string;
     data: ChartDataRecord[];
     caption?: string;
-    color?: string;
+    color?: HexColor;
     icon?: string;
     iconType?: IconTypes;
 };
@@ -59,3 +59,4 @@ export type UseChartHeightArgs = {
     chartPlanesCount: Ref<number>;
     useFullHeight: boolean;
 };
+export type HexColor = `#${string}`;

package/components/checkbox/v3/Checkbox.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isChecked: boolean;
     isIndeterminate?: boolean;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: "md" | "sm" | "lg";
     label?: string;
     testId?: string;
 }>, {
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isChecked: boolean;
     isIndeterminate?: boolean;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: "md" | "sm" | "lg";
     label?: string;
     testId?: string;
 }>, {
@@ -29,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     testId: string;
-    size: "sm" | "md" | "lg";
+    size: "md" | "sm" | "lg";
 }>, {
     default?(_: {}): any;
 }>;

package/components/checkbox/v3/index.d.ts

@@ -5,7 +5,7 @@ declare const CheckboxTypes: () => ({
         $props: Partial<{
             label: string;
             testId: string;
-            size: "sm" | "md" | "lg";
+            size: "md" | "sm" | "lg";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
@@ -19,7 +19,7 @@ declare const CheckboxTypes: () => ({
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<"sm" | "md" | "lg">;
+                type: import("vue").PropType<"md" | "sm" | "lg">;
                 default: string;
             };
             isIndeterminate: {
@@ -59,7 +59,7 @@ declare const CheckboxTypes: () => ({
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<"sm" | "md" | "lg">;
+                type: import("vue").PropType<"md" | "sm" | "lg">;
                 default: string;
             };
             isIndeterminate: {
@@ -78,7 +78,7 @@ declare const CheckboxTypes: () => ({
         }, string, {
             label: string;
             testId: string;
-            size: "sm" | "md" | "lg";
+            size: "md" | "sm" | "lg";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -112,7 +112,7 @@ declare const CheckboxTypes: () => ({
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<"sm" | "md" | "lg">;
+            type: import("vue").PropType<"md" | "sm" | "lg">;
             default: string;
         };
         isIndeterminate: {
@@ -142,7 +142,7 @@ declare const CheckboxTypes: () => ({
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md" | "lg">;
+        type: import("vue").PropType<"md" | "sm" | "lg">;
         default: string;
     };
     isIndeterminate: {
@@ -161,7 +161,7 @@ declare const CheckboxTypes: () => ({
 }, string, {
     label: string;
     testId: string;
-    size: "sm" | "md" | "lg";
+    size: "md" | "sm" | "lg";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/dialog/v4/DialogV4.vue.d.ts

@@ -1,4 +1,5 @@
 import { Reason } from '@/components/dialog/common/Reason';
+import { ButtonColor } from '@/components/button/common/consts';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: boolean;
     content?: string;
@@ -18,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showFooter?: boolean;
     saveButtonLabel?: string;
     saveButtonLoading?: boolean;
-    saveButtonColor?: string;
+    saveButtonColor?: ButtonColor;
     cancelButtonLabel?: string;
     cancelButtonColor?: string;
     testId?: string;
@@ -71,7 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showFooter?: boolean;
     saveButtonLabel?: string;
     saveButtonLoading?: boolean;
-    saveButtonColor?: string;
+    saveButtonColor?: ButtonColor;
     cancelButtonLabel?: string;
     cancelButtonColor?: string;
     testId?: string;
@@ -124,7 +125,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showFooter: boolean;
     saveButtonLabel: string;
     saveButtonLoading: boolean;
-    saveButtonColor: string;
+    saveButtonColor: ButtonColor;
     cancelButtonLabel: string;
     cancelButtonColor: string;
     noPadding: boolean;

package/components/dialog/v4/DialogV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./DialogV4.vue2.js";
-/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-37da643b"]]);
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-eb226e31"]]);
 export {
-  a as default
+  p as default
 };