@ironsource/shared-ui 2.0.2-rc.3 → 2.1.0-rc.0

package/components/forms/index.d.ts

@@ -0,0 +1,73 @@
+import FormField from './FormField.vue';
+import { useFormValidation } from './validation/utils/useFormValidation';
+export type * from './validation/utils/types';
+declare const FormFieldTypes: () => (({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            validationPath: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            validationPath: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        validationPath: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    validationPath: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            validationPath: string;
+        }): any;
+    };
+})) | (<T_1 extends object>({ formState, formValidationSchema, }: import("./validation/utils/types").UseFormValidationType<T_1>) => import("./validation/utils/types").UseFormValidationReponseType<T_1>))[];
+export { FormField, useFormValidation, FormFieldTypes };

package/components/forms/validation/utils/scrollToElemets.d.ts

@@ -0,0 +1,3 @@
+import { ValidationErrorsType } from './types';
+export declare const scrollToElementByClass: (elementClass: string, index?: number) => void;
+export declare const scrollToFirstInvalidElement: <T>(validationErrors: Partial<Record<keyof T, string>>) => void;

package/components/forms/validation/utils/types.d.ts

@@ -0,0 +1,25 @@
+import { Ref } from 'vue';
+import * as yup from 'yup';
+export type ValidationErrorsType<T> = Partial<Record<keyof T, string>>;
+export type ValidationStateType<T> = {
+    isValid: boolean;
+    errors: ValidationErrorsType<T>;
+};
+export declare enum ScrollToAttributes {
+    ID = "id",
+    CLASS = "class",
+    DATA_TESTID = "data-testid"
+}
+type ScrollToElementsSchemaRecordType = Partial<Record<ScrollToAttributes, string>>;
+export type FormValidationScrollElementsSchemaType<T> = Partial<Record<keyof T, ScrollToElementsSchemaRecordType>>;
+export type FormValidationSchemaYupType<T> = Record<keyof T, yup.AnySchema<any, any, any, any>>;
+export type UseFormValidationType<T> = {
+    formState: T;
+    formValidationSchema: FormValidationSchemaYupType<T>;
+};
+export type UseFormValidationReponseType<T> = {
+    validationErrors: ValidationErrorsType<T>;
+    isValid: Ref<boolean>;
+    validate: (formRef?: Ref<HTMLElement>) => void;
+};
+export {};

package/components/forms/validation/utils/useConvertErrorsSchema.d.ts

@@ -0,0 +1 @@
+export declare const convertFlatToNested: (flatObject: any) => {};

package/components/forms/validation/utils/useFormValidation.d.ts

@@ -0,0 +1,3 @@
+import { FormValidationSchemaYupType, ValidationStateType, UseFormValidationType, UseFormValidationReponseType } from './types';
+export declare const yupValidation: <T>(schema: FormValidationSchemaYupType<T>, formState: T) => ValidationStateType<T>;
+export declare const useFormValidation: <T extends object>({ formState, formValidationSchema, }: UseFormValidationType<T>) => UseFormValidationReponseType<T>;

package/components/layout/FormRow.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label: string;
+    mandatory?: boolean;
+    testId?: string;
+}>, {
+    label: string;
+    mandatory: boolean;
+    testId: 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<{
+    label: string;
+    mandatory?: boolean;
+    testId?: string;
+}>, {
+    label: string;
+    mandatory: boolean;
+    testId: string;
+}>>>, {
+    label: string;
+    mandatory: boolean;
+    testId: string;
+}>, {
+    default?(_: {}): any;
+}>;
+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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/layout/FormRow.vue.js

@@ -0,0 +1,7 @@
+import o from "./FormRow.vue2.js";
+/* empty css              */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FormRow.vue_vue_type_style_index_0_scoped_8daca9c2_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-8daca9c2"]]);
+export {
+  t as default
+};

package/components/layout/FormRow.vue2.js

@@ -0,0 +1,43 @@
+ import "../../FormRow.vue_vue_type_style_index_0_scoped_8daca9c2_lang.css"; import { defineComponent as c, openBlock as t, createElementBlock as i, createElementVNode as a, createVNode as m, unref as o, withCtx as l, createTextVNode as d, toDisplayString as u, createBlock as f, createCommentVNode as r, renderSlot as y } from "vue";
+import n from "../typography/v4/Typography.vue.js";
+const p = {
+  key: 0,
+  class: "form-row"
+}, _ = ["data-testid"], h = { class: "content" }, B = /* @__PURE__ */ c({
+  __name: "FormRow",
+  props: {
+    label: { default: "" },
+    mandatory: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  setup(e) {
+    return (s, b) => e.label ? (t(), i("div", p, [
+      a("div", {
+        "data-testid": e.testId,
+        class: "label-container"
+      }, [
+        m(o(n), { variant: "inputLabel" }, {
+          default: l(() => [
+            d(u(e.label), 1)
+          ]),
+          _: 1
+        }),
+        e.mandatory ? (t(), f(o(n), {
+          key: 0,
+          class: "mandatory"
+        }, {
+          default: l(() => [
+            d("*")
+          ]),
+          _: 1
+        })) : r("", !0)
+      ], 8, _),
+      a("div", h, [
+        y(s.$slots, "default", {}, void 0, !0)
+      ])
+    ])) : r("", !0);
+  }
+});
+export {
+  B as default
+};

package/components/layout/index.d.ts

@@ -1,6 +1,7 @@
 import FormCard from './FormCard.vue';
 import CardPanel from './CardPanel.vue';
 import FoldableSection from './FoldableSection.vue';
+import FormRow from './FormRow.vue';
 declare const FormCardTypes: () => (({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -401,5 +402,119 @@ declare const FormCardTypes: () => (({
         default?(_: {}): any;
         footer?(_: {}): any;
     };
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            label: string;
+            mandatory: boolean;
+            testId: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "mandatory" | "testId">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            label: string;
+            mandatory: boolean;
+            testId: string;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    mandatory: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    label: string;
+    mandatory: boolean;
+    testId: string;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
 })))[];
-export { FormCard, CardPanel, FoldableSection, FormCardTypes };
+export { FormRow, FormCard, CardPanel, FoldableSection, FormCardTypes };

package/components/layout/index.js

@@ -1,10 +1,12 @@
 import o from "./FormCard.vue.js";
 import r from "./CardPanel.vue.js";
 import m from "./FoldableSection.vue.js";
-const p = () => [o, r, m];
+import t from "./FormRow.vue.js";
+const d = () => [o, r, m, t];
 export {
   r as CardPanel,
   m as FoldableSection,
   o as FormCard,
-  p as FormCardTypes
+  d as FormCardTypes,
+  t as FormRow
 };

package/components/search/v4/SearchV4.vue.d.ts

@@ -8,6 +8,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     testId: string;
     autoFocus: boolean;
+    placeholder: string;
 }>, {
     inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -22,11 +23,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     testId: string;
     autoFocus: boolean;
+    placeholder: string;
 }>>> & {
     "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
     disabled: boolean;
     testId: string;
+    placeholder: string;
     autoFocus: boolean;
 }>;
 export default _default;

package/components/search/v4/SearchV4.vue.js

@@ -1,7 +1,7 @@
-import o from "./SearchV4.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_215f0f29_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-215f0f29"]]);
+import e from "./SearchV4.vue2.js";
+/* empty css               */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_1330ea8b_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1330ea8b"]]);
 export {
-  c as default
+  a as default
 };

package/components/search/v4/SearchV4.vue2.js

@@ -1,25 +1,25 @@
- import "../../../SearchV4.vue_vue_type_style_index_0_scoped_215f0f29_lang.css"; import { defineComponent as p, openBlock as V, createElementBlock as h, mergeProps as u, unref as e, createVNode as a, withCtx as x, withDirectives as I, createElementVNode as v, vShow as C } from "vue";
-import c from "../../icon/v4/IconV4.vue.js";
+ import "../../../SearchV4.vue_vue_type_style_index_0_scoped_1330ea8b_lang.css"; import { defineComponent as p, openBlock as h, createElementBlock as V, mergeProps as m, unref as e, createVNode as a, withCtx as x, withDirectives as I, createElementVNode as v, vShow as C } from "vue";
+import u from "../../icon/v4/IconV4.vue.js";
 import { SearchTestIdModifiers as d } from "../../../testids/index.js";
 import { searchCommon as b } from "../common/Search.common.js";
-import B from "../../input/v4/TextField.vue.js";
-import { useTestIdAttrs as g } from "../../../utils/testIds.js";
-const T = /* @__PURE__ */ p({
+import y from "../../input/v4/TextField.vue.js";
+import { useTestIdAttrs as B } from "../../../utils/testIds.js";
+const S = /* @__PURE__ */ p({
   __name: "SearchV4",
   props: {
     modelValue: null,
-    placeholder: null,
+    placeholder: { default: "Search" },
     disabled: { type: Boolean, default: !1 },
     testId: { default: "" },
     autoFocus: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
   setup(t, { expose: f, emit: r }) {
-    const s = t, { inputRef: i, clearValue: n } = b(s, r), m = g(s.testId, d);
+    const s = t, { inputRef: i, clearValue: n } = b(s, r), c = B(s.testId, d);
     return f({
       inputRef: i
-    }), (k, o) => (V(), h("div", u({ class: "search-container" }, e(m)[e(d).CONTAINER]), [
-      a(e(B), {
+    }), (g, o) => (h(), V("div", m({ class: "search-container" }, e(c)[e(d).CONTAINER]), [
+      a(e(y), {
         ref_key: "inputRef",
         ref: i,
         "model-value": t.modelValue,
@@ -31,20 +31,21 @@ const T = /* @__PURE__ */ p({
         "onUpdate:modelValue": o[0] || (o[0] = (l) => r("update:modelValue", l))
       }, {
         iconBefore: x(() => [
-          a(e(c), {
+          a(e(u), {
             name: "magnifying-glass",
             size: "16px"
           })
         ]),
         _: 1
       }, 8, ["model-value", "auto-focus", "placeholder", "disabled", "test-id"]),
-      I(v("div", u({ class: "x-circle-wrapper" }, e(m)[e(d).CLEAR], {
+      I(v("div", m({ class: "x-circle-wrapper" }, e(c)[e(d).CLEAR], {
         onClick: o[1] || (o[1] = //@ts-ignore
         (...l) => e(n) && e(n)(...l))
       }), [
-        a(e(c), {
+        a(e(u), {
           name: "x-circle",
-          size: "16px"
+          size: "16px",
+          type: "fill"
         })
       ], 16), [
         [C, !!t.modelValue]
@@ -53,5 +54,5 @@ const T = /* @__PURE__ */ p({
   }
 });
 export {
-  T as default
+  S as default
 };

package/components/search/v4/index.d.ts

@@ -14,6 +14,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
     placeholder: {
         type: import("vue").PropType<string>;
         required: true;
+        default: string;
     };
     autoFocus: {
         type: import("vue").PropType<boolean>;
@@ -39,6 +40,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
     placeholder: {
         type: import("vue").PropType<string>;
         required: true;
+        default: string;
     };
     autoFocus: {
         type: import("vue").PropType<boolean>;
@@ -49,6 +51,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     testId: string;
+    placeholder: string;
     autoFocus: boolean;
 }>[];
 export { default as Search } from './SearchV4.vue';

package/components/snackbar/v4/SnackbarV4.vue.js

@@ -1,7 +1,7 @@
-import o from "./SnackbarV4.vue2.js";
-/* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-48311746"]]);
+import c from "./SnackbarV4.vue2.js";
+/* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css"; //*');
+const a = /* @__PURE__ */ o(c, [["__scopeId", "data-v-49c5ccea"]]);
 export {
-  s as default
+  a as default
 };

package/components/snackbar/v4/SnackbarV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css"; import { defineComponent as $, computed as p, openBlock as n, createBlock as c, Transition as A, withCtx as f, withDirectives as g, createElementVNode as a, mergeProps as l, unref as e, createVNode as O, createTextVNode as I, toDisplayString as T, createCommentVNode as d, renderSlot as h, vShow as B, createElementBlock as N, Fragment as V, renderList as x, withModifiers as z } from "vue";
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css"; import { defineComponent as $, computed as p, openBlock as n, createBlock as c, Transition as A, withCtx as f, withDirectives as g, createElementVNode as a, mergeProps as l, unref as e, createVNode as z, createTextVNode as I, toDisplayString as T, createCommentVNode as d, renderSlot as h, vShow as B, createElementBlock as N, Fragment as O, renderList as V, withModifiers as x } from "vue";
 import U from "../../icon/v4/IconV4.vue.js";
 import D from "../../button/v4/ButtonV4.vue.js";
 import H from "../../button/v4/IconButtonV4.vue.js";
@@ -78,10 +78,10 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
                 class: "title"
               }, e(r)[e(i).TITLE]), {
                 default: f(() => [
-                  O(e(U), l({
+                  z(e(U), l({
                     name: e(y).iconName,
                     type: "fill",
-                    size: "24px",
+                    size: "20px",
                     class: [e(y).class, "icon-container"]
                   }, e(r)[e(i).ICON]), null, 16, ["name", "class"]),
                   I(" " + T(t.title), 1)
@@ -106,9 +106,10 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
               a("div", J, [
                 h(m.$slots, "actions", {}, () => [
                   t.actionButtons ? (n(), N("div", K, [
-                    (n(!0), N(V, null, x(t.actionButtons, (s, v) => (n(), c(e(D), l({
+                    (n(!0), N(O, null, V(t.actionButtons, (s, v) => (n(), c(e(D), l({
                       key: v,
-                      "data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : ""
+                      "data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : "",
+                      size: "small"
                     }, { ...s }), null, 16, ["data-testid"]))), 128))
                   ])) : d("", !0)
                 ], !0)
@@ -120,7 +121,7 @@ const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { clas
                 "icon-name": "x",
                 size: "small"
               }, e(r)[e(i).CLOSE], {
-                onClick: z(e(E), ["stop"])
+                onClick: x(e(E), ["stop"])
               }), null, 16, ["onClick"])) : d("", !0)
             ])
           ])

package/components/tooltip/v4/TooltipV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./TooltipV4.vue2.js";
 /* empty css                *//* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_cde15298_lang.css"; //*');
+// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_58a19def_lang.css"; //*');
 // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  //');
-const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cde15298"]]);
+const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-58a19def"]]);
 export {
   l as default
 };

package/components/tooltip/v4/TooltipV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_cde15298_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as c, openBlock as l, createBlock as d, unref as t, mergeProps as m, withCtx as r, renderSlot as f, createTextVNode as u, toDisplayString as h, createElementVNode as p } from "vue";
+ import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_58a19def_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as c, openBlock as l, createBlock as d, unref as t, mergeProps as m, withCtx as r, renderSlot as f, createTextVNode as u, toDisplayString as h, createElementVNode as p } from "vue";
 import y from "./TextWithTitleContent.vue.js";
 import { Tooltip as T } from "floating-vue";
 import { TooltipTestIdModifiers as i } from "../../../testids/index.js";