@ironsource/shared-ui 2.1.6-rc.29 → 2.1.6-rc.30

package/Chart.vue_vue_type_style_index_0_scoped_f06a4764_lang.css

@@ -0,0 +1 @@
+.chart-container[data-v-f06a4764]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;height:388px}.header-wrapper[data-v-f06a4764]{height:76px}.chart-content[data-v-f06a4764]{flex:1}.chart-sidebar[data-v-f06a4764]{border-left:1px solid var(--common-divider)}.chart[data-v-f06a4764]{width:100%;height:312px;position:relative}.chart__canvas[data-v-f06a4764]{width:100%;height:100%}.chart__tooltip[data-v-f06a4764]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px}

package/ChartHeader.vue_vue_type_style_index_0_scoped_88d4532f_lang.css

@@ -0,0 +1 @@
+.chart-header[data-v-88d4532f]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.header-texts[data-v-88d4532f]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px}.type-switch[data-v-88d4532f]{display:flex;align-items:center;gap:4px}

package/ChartLegend.vue_vue_type_style_index_0_scoped_efc608f9_lang.css

@@ -0,0 +1 @@
+.chart-legend[data-v-efc608f9]{display:flex;flex-direction:column;width:220px;height:100%;padding-bottom:8px}.search-box[data-v-efc608f9]{padding:12px 12px 4px}.legend[data-v-efc608f9]{overflow-y:auto;color:var(--text-primary)}.legend__list[data-v-efc608f9]{list-style:none;padding:0 12px 0 20px}.legend__list>li[data-v-efc608f9]{display:flex;align-items:center;gap:8px;height:32px}

package/ChartLoader.vue_vue_type_style_index_0_scoped_142c444a_lang.css

@@ -0,0 +1 @@
+.label[data-v-142c444a]{color:#41454d}.chart-loader[data-v-142c444a]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:80px 31px 31px}.chart-loader[data-v-142c444a]:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer-142c444a 2s infinite;content:""}@keyframes shimmer-142c444a{to{transform:translate(100%)}}

package/ChartTooltip.vue_vue_type_style_index_0_scoped_ec636f18_lang.css

@@ -0,0 +1 @@
+.chart-tooltip[data-v-ec636f18]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);padding:calc(var(--spacing-100) - 1px)}.tooltip-title[data-v-ec636f18]{color:var(--text-primary);margin-bottom:var(--spacing-100)}.color-box[data-v-ec636f18]{width:var(--spacing-150);height:var(--spacing-150);border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.list[data-v-ec636f18]{list-style:none;margin:0;padding:0}.list__item[data-v-ec636f18]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-ec636f18]:last-child{margin-bottom:0}.tooltip-footer[data-v-ec636f18]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-ec636f18]{flex-grow:1}

package/CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css

@@ -0,0 +1 @@
+.checkbox[data-v-8e5b619a]{color:var(--primary-light);position:relative;cursor:pointer;display:flex;align-items:center;user-select:none;line-height:0}.checkbox.focus-visible .checkbox__inner[data-v-8e5b619a]{outline:solid;border-radius:4px}.icon.unchecked[data-v-8e5b619a]{color:var(--default-outlined-border)}.checkbox:hover .icon.unchecked[data-v-8e5b619a]{color:var(--action-active)}.checkboxes[data-v-8e5b619a]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;line-height:0;margin:0;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%}.input[data-v-8e5b619a]{z-index:-1;cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.checkbox__inner[data-v-8e5b619a]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.states[data-v-8e5b619a]{width:var(--spacing-200);height:var(--spacing-200)}.disabled[data-v-8e5b619a]{cursor:default}.disabled .checkbox-label[data-v-8e5b619a]{color:var(--text-disabled)}.checkbox-label[data-v-8e5b619a]{margin-left:var(--spacing-100);color:var(--text-primary)}

package/SearchV4.vue_vue_type_style_index_0_scoped_d6c42f4b_lang.css

@@ -0,0 +1 @@
+.search-container[data-v-d6c42f4b]{position:relative}.search-container[data-v-d6c42f4b] .input-container input.input{padding-right:15px}.x-circle-wrapper[data-v-d6c42f4b]{width:1rem;height:1rem;color:var(--action-active);cursor:pointer;position:absolute;top:.375rem;right:.3125rem}.x-circle-wrapper[data-v-d6c42f4b]:hover{color:var(--text-primary)}

package/SkeletonV4.vue_vue_type_style_index_0_scoped_93ae1260_lang.css

@@ -0,0 +1 @@
+.label[data-v-93ae1260]{color:#41454d}.skeleton[data-v-93ae1260]{position:relative;display:inline-block;overflow:hidden;width:100%;background-color:var(--action-hover);color:transparent;height:var(--abeaca10)}.skeleton--circle[data-v-93ae1260]{border-radius:100%;width:var(--abeaca10)}.skeleton--square[data-v-93ae1260]{border-radius:var(--border-radius-sm);width:var(--abeaca10)}.skeleton--rectangle[data-v-93ae1260]{border-radius:var(--border-radius-sm)}.skeleton--pill[data-v-93ae1260]{border-radius:calc(var(--abeaca10) / 2)}.skeleton[data-v-93ae1260]:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:shimmer-93ae1260 2s infinite;content:""}@keyframes shimmer-93ae1260{to{transform:translate(100%)}}

package/SwitchV4.vue_vue_type_style_index_0_scoped_c2e356f5_lang.css

@@ -0,0 +1 @@
+.switch[data-v-c2e356f5]{position:relative;display:inline-flex;background:var(--default-main);border-radius:var(--border-radius-md);border:1px solid var(--default-outlined-border);overflow:hidden}.option[data-v-c2e356f5]{border-radius:0;padding:3px}.option[data-v-c2e356f5]:not(:last-child){border-right:1px solid var(--default-outlined-border)}.option--selected[data-v-c2e356f5]{background:var(--action-selected)}.option--selected[data-v-c2e356f5] .icon{color:var(--text-primary)}

package/ThemeWrapper.vue_vue_type_style_index_0_scoped_b62ee695_lang.css

@@ -0,0 +1 @@
+span[data-v-b62ee695]{display:inline}

package/components/ThemeWrapper/ThemeWrapper.vue.d.ts

@@ -1,9 +1,9 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    version: "v3" | "v4";
+    version?: "v3" | "v4";
 }>, {
     version: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    version: "v3" | "v4";
+    version?: "v3" | "v4";
 }>, {
     version: string;
 }>>>, {

package/components/ThemeWrapper/index.d.ts

@@ -8,7 +8,6 @@ declare const ThemeWrapperTypes: () => ({
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             version: {
                 type: import("vue").PropType<"v3" | "v4">;
-                required: true;
                 default: string;
             };
         }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "version">;
@@ -28,7 +27,6 @@ declare const ThemeWrapperTypes: () => ({
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             version: {
                 type: import("vue").PropType<"v3" | "v4">;
-                required: true;
                 default: string;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
@@ -56,7 +54,6 @@ declare const ThemeWrapperTypes: () => ({
     } & Readonly<import("vue").ExtractPropTypes<{
         version: {
             type: import("vue").PropType<"v3" | "v4">;
-            required: true;
             default: string;
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -66,7 +63,6 @@ declare const ThemeWrapperTypes: () => ({
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     version: {
         type: import("vue").PropType<"v3" | "v4">;
-        required: true;
         default: string;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {

package/components/chart/Chart.vue.d.ts

@@ -0,0 +1,111 @@
+import { ChartDataSet, ChartType, ChartParsingConfig, ValueFormat } from './types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    dataSets: ChartDataSet[];
+    visibleIds: unknown[];
+    chartType?: ChartType;
+    parsing?: ChartParsingConfig;
+    xAxisFormat?: ValueFormat;
+    yAxisFormat?: ValueFormat;
+    tickCount?: number;
+    header?: string;
+    subheader?: string;
+    hideLegend?: boolean;
+    minVisible?: number;
+    maxVisible?: number;
+    loading?: boolean;
+    noDataIcon?: string;
+    noDataTitle?: string;
+    noDataSubtitle?: string;
+}>, {
+    chartType: ChartType;
+    dataSets: () => any[];
+    visibleIds: () => any[];
+    xAxisFormat: string;
+    yAxisFormat: string;
+    parsing: any;
+    tickCount: number;
+    header: string;
+    subheader: string;
+    hideLegend: boolean;
+    minVisible: number;
+    maxVisible: number;
+    loading: boolean;
+    noDataIcon: string;
+    noDataTitle: string;
+    noDataSubtitle: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:chartType": (chartType: ChartType) => void;
+    "update:visibleIds": (visibleIds: unknown[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    dataSets: ChartDataSet[];
+    visibleIds: unknown[];
+    chartType?: ChartType;
+    parsing?: ChartParsingConfig;
+    xAxisFormat?: ValueFormat;
+    yAxisFormat?: ValueFormat;
+    tickCount?: number;
+    header?: string;
+    subheader?: string;
+    hideLegend?: boolean;
+    minVisible?: number;
+    maxVisible?: number;
+    loading?: boolean;
+    noDataIcon?: string;
+    noDataTitle?: string;
+    noDataSubtitle?: string;
+}>, {
+    chartType: ChartType;
+    dataSets: () => any[];
+    visibleIds: () => any[];
+    xAxisFormat: string;
+    yAxisFormat: string;
+    parsing: any;
+    tickCount: number;
+    header: string;
+    subheader: string;
+    hideLegend: boolean;
+    minVisible: number;
+    maxVisible: number;
+    loading: boolean;
+    noDataIcon: string;
+    noDataTitle: string;
+    noDataSubtitle: string;
+}>>> & {
+    "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
+    "onUpdate:chartType"?: (chartType: ChartType) => any;
+}, {
+    header: string;
+    loading: boolean;
+    xAxisFormat: ValueFormat;
+    yAxisFormat: ValueFormat;
+    parsing: ChartParsingConfig;
+    visibleIds: unknown[];
+    minVisible: number;
+    maxVisible: number;
+    chartType: ChartType;
+    subheader: string;
+    dataSets: ChartDataSet[];
+    tickCount: number;
+    hideLegend: boolean;
+    noDataIcon: string;
+    noDataTitle: string;
+    noDataSubtitle: string;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/chart/ChartHeader.vue.d.ts

@@ -0,0 +1,44 @@
+import { ChartType } from '@/components/chart/types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    chartType: ChartType;
+    header?: string;
+    subheader?: string;
+}>, {
+    chartType: ChartType;
+    header: string;
+    subheader: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:chartType": (type: ChartType) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    chartType: ChartType;
+    header?: string;
+    subheader?: string;
+}>, {
+    chartType: ChartType;
+    header: string;
+    subheader: string;
+}>>> & {
+    "onUpdate:chartType"?: (type: ChartType) => any;
+}, {
+    header: string;
+    chartType: ChartType;
+    subheader: string;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/chart/ChartLegend.vue.d.ts

@@ -0,0 +1,49 @@
+import { LegendItem } from '@/components/chart/types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    items: LegendItem[];
+    visibleIds: unknown[];
+    minVisible?: number;
+    maxVisible?: number;
+}>, {
+    items: () => any[];
+    visibleIds: () => any[];
+    minVisible: number;
+    maxVisible: number;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:visibleIds": (visibleIds: unknown[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    items: LegendItem[];
+    visibleIds: unknown[];
+    minVisible?: number;
+    maxVisible?: number;
+}>, {
+    items: () => any[];
+    visibleIds: () => any[];
+    minVisible: number;
+    maxVisible: number;
+}>>> & {
+    "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
+}, {
+    items: LegendItem[];
+    visibleIds: unknown[];
+    minVisible: number;
+    maxVisible: number;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/chart/ChartLoader.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/components/chart/ChartTooltip.vue.d.ts

@@ -0,0 +1,56 @@
+import { TooltipItem } from 'chart.js';
+import { ValueFormat } from '@/components/chart/types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    title?: string;
+    dataPoints: TooltipItem<'line'>[];
+    xAxisFormat?: ValueFormat;
+    yAxisFormat?: ValueFormat;
+    totalLabel?: string;
+    totalValue?: number;
+}>, {
+    title: string;
+    dataPoints: () => any[];
+    xAxisFormat: any;
+    yAxisFormat: any;
+    totalLabel: string;
+    totalValue: any;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    title?: string;
+    dataPoints: TooltipItem<'line'>[];
+    xAxisFormat?: ValueFormat;
+    yAxisFormat?: ValueFormat;
+    totalLabel?: string;
+    totalValue?: number;
+}>, {
+    title: string;
+    dataPoints: () => any[];
+    xAxisFormat: any;
+    yAxisFormat: any;
+    totalLabel: string;
+    totalValue: any;
+}>>>, {
+    title: string;
+    dataPoints: TooltipItem<'line'>[];
+    xAxisFormat: ValueFormat;
+    yAxisFormat: ValueFormat;
+    totalLabel: string;
+    totalValue: number;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/chart/composables/useChartValues.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+import { ChartDataRecord, ChartDataSet, ChartParsingConfig } from '@/components/chart/types';
+export declare const useChartValues: ({ parsingConfig, dataSets, isStacked, }: {
+    parsingConfig: ChartParsingConfig;
+    dataSets: Ref<ChartDataSet[]>;
+    isStacked: Ref<boolean>;
+}) => {
+    getXValue: (record: ChartDataRecord) => unknown;
+    getYValue: (record: ChartDataRecord) => unknown;
+    minValue: import("vue").ComputedRef<number>;
+    maxValue: import("vue").ComputedRef<number>;
+};

package/components/chart/composables/useTooltipPosition.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+import { TooltipModel } from 'chart.js';
+export declare const useTooltipPosition: (chartRef: Ref<HTMLCanvasElement | null>, tooltipRef: Ref<HTMLDivElement | null>, tooltipModel: Ref<TooltipModel<'line' | 'bar'>>) => {
+    position: import("vue").ComputedRef<{
+        top: number;
+        left: number;
+    }>;
+};

package/components/chart/consts.d.ts

@@ -0,0 +1,12 @@
+export declare const POINT_BORDER_COLOR = "#fcfcfc";
+export declare const GRID_LINE_COLOR = "#E4E4E4";
+export declare const TICK_LABEL_COLOR = "#646464";
+export declare const TICK_LABEL_FONT: {
+    size: number;
+    weight: number;
+    family: string;
+};
+export declare const COLOR_PALETTE: string[];
+export declare const DEFAULT_TICK_COUNT = 4;
+export declare const DEFAULT_MIN_VISIBLE = 1;
+export declare const DEFAULT_MAX_VISIBLE = 5;

package/components/chart/index.d.ts

@@ -0,0 +1,161 @@
+import Chart from './Chart.vue';
+declare const ChartTypes: () => import("vue").DefineComponent<{
+    header: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    xAxisFormat: {
+        type: import("vue").PropType<import("./types").ValueFormat>;
+        default: string;
+    };
+    yAxisFormat: {
+        type: import("vue").PropType<import("./types").ValueFormat>;
+        default: string;
+    };
+    parsing: {
+        type: import("vue").PropType<import("./types").ChartParsingConfig>;
+        default: any;
+    };
+    visibleIds: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+        default: () => any[];
+    };
+    minVisible: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    maxVisible: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    chartType: {
+        type: import("vue").PropType<import("./types").ChartType>;
+        default: import("./types").ChartType;
+    };
+    subheader: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    dataSets: {
+        type: import("vue").PropType<import("./types").ChartDataSet[]>;
+        required: true;
+        default: () => any[];
+    };
+    tickCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    hideLegend: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    noDataIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    noDataTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    noDataSubtitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:chartType": (chartType: import("./types").ChartType) => void;
+    "update:visibleIds": (visibleIds: unknown[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    header: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    xAxisFormat: {
+        type: import("vue").PropType<import("./types").ValueFormat>;
+        default: string;
+    };
+    yAxisFormat: {
+        type: import("vue").PropType<import("./types").ValueFormat>;
+        default: string;
+    };
+    parsing: {
+        type: import("vue").PropType<import("./types").ChartParsingConfig>;
+        default: any;
+    };
+    visibleIds: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+        default: () => any[];
+    };
+    minVisible: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    maxVisible: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    chartType: {
+        type: import("vue").PropType<import("./types").ChartType>;
+        default: import("./types").ChartType;
+    };
+    subheader: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    dataSets: {
+        type: import("vue").PropType<import("./types").ChartDataSet[]>;
+        required: true;
+        default: () => any[];
+    };
+    tickCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    hideLegend: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    noDataIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    noDataTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    noDataSubtitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
+    "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+}, {
+    header: string;
+    loading: boolean;
+    xAxisFormat: import("./types").ValueFormat;
+    yAxisFormat: import("./types").ValueFormat;
+    parsing: import("./types").ChartParsingConfig;
+    visibleIds: unknown[];
+    minVisible: number;
+    maxVisible: number;
+    chartType: import("./types").ChartType;
+    subheader: string;
+    dataSets: import("./types").ChartDataSet[];
+    tickCount: number;
+    hideLegend: boolean;
+    noDataIcon: string;
+    noDataTitle: string;
+    noDataSubtitle: string;
+}>[];
+export type { ChartType, ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';
+export { Chart, ChartTypes };

package/components/chart/mockData.d.ts

@@ -0,0 +1,24 @@
+export declare const SINGLE_DATASET_DATE: {
+    label: string;
+    data: {
+        date: string;
+        value: number;
+    }[];
+    color: string;
+}[];
+export declare const SINGLE_DATASET_COUNTRY: {
+    label: string;
+    data: {
+        country: string;
+        value: number;
+    }[];
+}[];
+export declare const MULTIPLE_DATASETS_DATE: {
+    id: string;
+    label: string;
+    data: {
+        date: string;
+        value: number;
+    }[];
+}[];
+export declare const generateMockData: (numSeries?: number) => any[];

package/components/chart/plugins/HoverVerticalLine.d.ts

@@ -0,0 +1,4 @@
+export declare const HoverVerticalLine: {
+    id: string;
+    beforeDraw: (chart: any) => void;
+};

package/components/chart/types.d.ts

@@ -0,0 +1,39 @@
+import { Ref } from 'vue';
+import { UseVirtualListItem } from '@vueuse/core';
+export declare enum ChartType {
+    Line = "line",
+    Bar = "bar",
+    StackedLine = "stackedLine",
+    StackedBar = "stackedBar"
+}
+export type ChartDataRecord = Record<string, unknown>;
+export type ChartDataSet = {
+    id: string | number;
+    label: string;
+    data: ChartDataRecord[];
+    color?: string;
+};
+export type ChartParsingConfig = {
+    xAxisKey: string;
+    yAxisKey: string;
+};
+export type ValueFormat = 'date' | 'dateLong' | 'number' | 'percent' | 'string';
+export type LegendItem = {
+    id: string | number;
+    label: string;
+    color?: string;
+};
+export type UseVirtualListResult = {
+    list: Ref<UseVirtualListItem<LegendItem>[]>;
+    containerProps: {
+        ref: Ref<HTMLElement>;
+        onScroll: () => void;
+    };
+    wrapperProps: Ref<{
+        style: {
+            width: string;
+            height: string;
+            marginTop: string;
+        };
+    }>;
+};

package/components/chart/utils/formatNumber.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_FALLBACK = "N/A";
+export declare const formatNumber: (num: number | string, fallback?: string | null) => string;

package/components/chart/utils/utils.d.ts

@@ -0,0 +1,3 @@
+import { ValueFormat } from '@/components/chart/types';
+export declare const calcStepSize: (min: number, max: number, tickCount: number) => number;
+export declare const formatValue: (value: number | string, valueFormat: ValueFormat) => string;

package/components/checkbox/v4/CheckboxV4.vue.d.ts

@@ -4,9 +4,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled?: boolean;
     label?: string;
     testId?: string;
+    color?: string;
 }>, {
     label: string;
     testId: string;
+    color: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:isChecked": (value: boolean) => void;
     click: (event: MouseEvent) => void;
@@ -16,14 +18,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled?: boolean;
     label?: string;
     testId?: string;
+    color?: string;
 }>, {
     label: string;
     testId: string;
+    color: any;
 }>>> & {
     onClick?: (event: MouseEvent) => any;
     "onUpdate:isChecked"?: (value: boolean) => any;
 }, {
     label: string;
+    color: string;
     testId: string;
 }>, {
     default?(_: {}): any;