@ironsource/shared-ui 1.4.2-test.7 → 1.4.2

package/components/appTrigger/index.d.ts

@@ -1,4 +1,9 @@
 declare const AppTriggerTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -20,6 +25,11 @@ declare const AppTriggerTypes: () => import("vue").DefineComponent<{
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -41,10 +51,11 @@ declare const AppTriggerTypes: () => import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
+    testId: string;
     loading: boolean;
     selected: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
     options: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
     singleAppSelection: boolean;
-}, {}>[];
+}>[];
 export { default as AppTrigger } from './AppTrigger.vue';
 export { AppTriggerTypes };

package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayValue: (option: unknown) => string;
     handleSearch?: (option: any, term: string) => boolean;
     grouped?: boolean;
+    testId?: string;
 }>, {
     options: () => any[];
     selected: () => any[];
@@ -12,6 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayValue: (option: unknown) => string;
     handleSearch: () => true;
     grouped: boolean;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -21,6 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayValue: (option: unknown) => string;
     handleSearch?: (option: any, term: string) => boolean;
     grouped?: boolean;
+    testId?: string;
 }>, {
     options: () => any[];
     selected: () => any[];
@@ -28,16 +31,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayValue: (option: unknown) => string;
     handleSearch: () => true;
     grouped: boolean;
+    testId: string;
 }>>> & {
     "onUpdate:selected"?: (value: unknown) => any;
 }, {
+    testId: string;
     selected: unknown[];
     options: unknown[];
     placeholder: string;
     displayValue: (option: unknown) => string;
     handleSearch: (option: any, term: string) => boolean;
     grouped: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/autocompleteDropdown/AutocompleteDropdown.vue.js

@@ -1,16 +1,14 @@
 import { defineComponent, ref, computed, watch, nextTick, openBlock, createBlock, unref, mergeProps, withModifiers, withCtx, createVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import Dropdown from '../dropdown/Dropdown.vue.js';
-import '../dropdown/Option.vue.js';
-import '../dropdown/Label.vue.js';
-import '../dropdown/SearchInput.vue.js';
-import GroupOption from './GroupOption.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                  *//* empty css                                                            *//* empty css                                                                    */import '@vue/shared';
+/* empty css                                                                  *//* empty css                                                                 *//* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                       */import GroupOption from './GroupOption.vue.js';
 import AutocompleteInput from './AutocompleteInput.vue.js';
 import { DEFAULT_PLACEHOLDER, GROUP_OPTION_FLAG } from './consts.vue.js';
 import { useKeyboardNavigation } from './useKeyboardNavigation.vue.js';
-/* empty css                                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                      */
 import "../../AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AutocompleteDropdown",
   props: {
     options: { default: () => [] },
@@ -18,7 +16,8 @@ const _sfc_main = defineComponent({
     placeholder: { default: DEFAULT_PLACEHOLDER },
     displayValue: { type: Function, default: (option) => option.toString() },
     handleSearch: { type: Function, default: () => true },
-    grouped: { type: Boolean, default: false }
+    grouped: { type: Boolean, default: false },
+    testId: { default: "" }
   },
   emits: ["update:selected"],
   setup(__props, { emit }) {
@@ -95,10 +94,10 @@ const _sfc_main = defineComponent({
         ref: dropdownRef,
         class: "autocomplete-dropdown"
       }, _ctx.$attrs, {
-        selected: selection.value,
-        options: filteredOptions.value,
+        selected: unref(selection),
+        options: unref(filteredOptions),
         "on-search": () => true,
-        "display-value": _ctx.displayValue,
+        "display-value": __props.displayValue,
         "keep-open": "",
         "is-on-top": false,
         multi: false,
@@ -106,6 +105,7 @@ const _sfc_main = defineComponent({
         "auto-size": "",
         distance: distance.value,
         "disable-keyboard-events": "",
+        "test-id": __props.testId,
         onOpened: scrollToTop,
         onKeydown: withModifiers(unref(keyDownHandler), ["stop"]),
         "onUpdate:selected": selectOption
@@ -114,9 +114,10 @@ const _sfc_main = defineComponent({
           createVNode(AutocompleteInput, {
             ref_key: "inputRef",
             ref: inputRef,
-            value: selection.value,
-            placeholder: _ctx.placeholder,
-            "display-value": _ctx.displayValue,
+            value: unref(selection),
+            placeholder: __props.placeholder,
+            "display-value": __props.displayValue,
+            "test-id": __props.testId,
             onRemove: deselectOption,
             onSearch: _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event)
           }, {
@@ -124,12 +125,12 @@ const _sfc_main = defineComponent({
               renderSlot(_ctx.$slots, "input-option", { option }, void 0, true)
             ]),
             _: 3
-          }, 8, ["value", "placeholder", "display-value"])
+          }, 8, ["value", "placeholder", "display-value", "test-id"])
         ]),
         default: withCtx(({ option }) => [
-          _ctx.grouped && isGroup(option) ? (openBlock(), createBlock(GroupOption, { key: 0 }, {
+          __props.grouped && isGroup(option) ? (openBlock(), createBlock(GroupOption, { key: 0 }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.displayValue(option)), 1)
+              createTextVNode(toDisplayString(__props.displayValue(option)), 1)
             ]),
             _: 2
           }, 1024)) : renderSlot(_ctx.$slots, "default", {
@@ -139,10 +140,10 @@ const _sfc_main = defineComponent({
           }, void 0, true)
         ]),
         _: 3
-      }, 16, ["selected", "options", "display-value", "distance", "onKeydown"]);
+      }, 16, ["selected", "options", "on-search", "display-value", "distance", "test-id", "onKeydown"]);
     };
   }
 });
-var AutocompleteDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-201d8abe"]]);
+var AutocompleteDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c2ad255"]]);
 
 export { AutocompleteDropdown as default };

package/components/autocompleteDropdown/AutocompleteInput.vue.d.ts

@@ -2,10 +2,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     value: unknown[];
     displayValue?: (option: unknown) => string;
     placeholder?: string;
+    testId?: string;
 }>, {
     value: () => any[];
     displayValue: (option: unknown) => string;
     placeholder: string;
+    testId: string;
 }>, {
     focusInput: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -16,18 +18,21 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     value: unknown[];
     displayValue?: (option: unknown) => string;
     placeholder?: string;
+    testId?: string;
 }>, {
     value: () => any[];
     displayValue: (option: unknown) => string;
     placeholder: string;
+    testId: string;
 }>>> & {
     onSearch?: (searchQuery: string) => any;
     onRemove?: (option: unknown) => any;
 }, {
     value: unknown[];
+    testId: string;
     placeholder: string;
     displayValue: (option: unknown) => string;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/autocompleteDropdown/AutocompleteInput.vue.js

@@ -1,22 +1,25 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, unref, createElementVNode } from 'vue';
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, withModifiers, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode } from 'vue';
 import Icon from '../icon/Icon.vue.js';
 import Text from '../typography/Text.vue.js';
 import { useDropdownContext } from '../dropdown/DropdownContext.vue.js';
 import { DEFAULT_PLACEHOLDER } from './consts.vue.js';
+import { AutocompleteInputTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                   */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["value", "placeholder"];
-const _sfc_main = defineComponent({
+const _hoisted_1 = ["data-testid", "onClick"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = ["value", "placeholder", "data-testid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AutocompleteInput",
   props: {
     value: { default: () => [] },
     displayValue: { type: Function, default: (option) => option.toString() },
-    placeholder: { default: DEFAULT_PLACEHOLDER }
+    placeholder: { default: DEFAULT_PLACEHOLDER },
+    testId: { default: "" }
   },
   emits: ["remove", "search"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     const api = useDropdownContext("autocompleteInput");
     const inputEl = ref(null);
@@ -43,17 +46,19 @@ const _sfc_main = defineComponent({
     function focusInput() {
       inputEl.value?.focus();
     }
-    __expose({
+    expose({
       focusInput
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["autocomplete-input", { "autocomplete-input--focused": isOpen.value }]),
+        class: normalizeClass(["autocomplete-input", { "autocomplete-input--focused": unref(isOpen) }]),
+        "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).WRAPPER}`,
         onClick: withModifiers(onContainerClick, ["stop"])
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.value, (option, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.value, (option, index) => {
           return openBlock(), createElementBlock("div", {
             key: index,
+            "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).SELECTED_OPTION}-${index}`,
             class: "autocomplete-input__option"
           }, [
             renderSlot(_ctx.$slots, "option", { option }, () => [
@@ -73,7 +78,7 @@ const _sfc_main = defineComponent({
               "font-size": "sm",
               onClick: withModifiers(($event) => removeOption(option), ["stop"])
             }, null, 8, ["onClick"])
-          ]);
+          ], 8, _hoisted_2);
         }), 128)),
         createElementVNode("input", {
           ref_key: "inputEl",
@@ -81,13 +86,14 @@ const _sfc_main = defineComponent({
           class: "autocomplete-input__search-field",
           type: "text",
           value: unref(api).query.value,
-          placeholder: _ctx.placeholder,
+          placeholder: __props.placeholder,
+          "data-testid": `${__props.testId}-${unref(AutocompleteInputTestIdModifiers).SEARCH_FIELD}`,
           onInput: onSearch
-        }, null, 40, _hoisted_2)
+        }, null, 40, _hoisted_3)
       ], 10, _hoisted_1);
     };
   }
 });
-var AutocompleteInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0e10ff6d"]]);
+var AutocompleteInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b95f1c9c"]]);
 
 export { AutocompleteInput as default };

package/components/autocompleteDropdown/GroupOption.vue.d.ts

@@ -1,2 +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<{}>>, {}, {}>;
+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/autocompleteDropdown/GroupOption.vue.js

@@ -1,13 +1,12 @@
 import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, withModifiers, unref, createVNode, withCtx, renderSlot } from 'vue';
 import { NOOP } from '@vue/shared';
-import '../typography/Heading.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 import { useDropdownContext } from '../dropdown/DropdownContext.vue.js';
 import { useId } from '../../composables/useId.vue.js';
-/* empty css                                                             */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                             */
 import "../../GroupOption.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "GroupOption",
   setup(__props) {
     const api = useDropdownContext("GroupOption");

package/components/autocompleteDropdown/index.d.ts

@@ -1,4 +1,9 @@
 declare const AutocompleteDropdownTypes: () => import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     selected: {
         type: import("vue").PropType<unknown[]>;
     } & {
@@ -35,6 +40,11 @@ declare const AutocompleteDropdownTypes: () => import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (value: unknown) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
     selected: {
         type: import("vue").PropType<unknown[]>;
     } & {
@@ -71,12 +81,13 @@ declare const AutocompleteDropdownTypes: () => import("vue").DefineComponent<{
 }>> & {
     "onUpdate:selected"?: (value: unknown) => any;
 }, {
+    testId: string;
     selected: unknown[];
     options: unknown[];
     placeholder: string;
     displayValue: (option: unknown) => string;
     handleSearch: (option: any, term: string) => boolean;
     grouped: boolean;
-}, {}>[];
+}>[];
 export { default as AutocompleteDropdown } from './AutocompleteDropdown.vue';
 export { AutocompleteDropdownTypes };

package/components/banner/Banner.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: () => 'sm' | 'md' | 'lg';
         default: string;
     };
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: () => 'success' | 'error' | 'info' | 'warning';
@@ -16,8 +20,13 @@ declare const _default: import("vue").DefineComponent<{
         type: () => 'sm' | 'md' | 'lg';
         default: string;
     };
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     type: "error" | "info" | "success" | "warning";
+    testId: string;
     iconSize: "md" | "sm" | "lg";
-}, {}>;
+}>;
 export default _default;

package/components/banner/Banner.vue.js

@@ -1,14 +1,15 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, withCtx, renderSlot, pushScopeId, popScopeId } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, unref, createBlock, withCtx, renderSlot, pushScopeId, popScopeId } from 'vue';
 import Icon from '../icon/Icon.vue.js';
+import { BannerTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Banner.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-36d41da7"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-1a74058c"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "left-border" }, null, -1));
-const _hoisted_2 = { class: "content-wrapper" };
+const _hoisted_2 = ["data-testid"];
 const _hoisted_3 = { class: "icon-container" };
-const _hoisted_4 = { class: "content" };
-const _sfc_main = defineComponent({
+const _hoisted_4 = ["data-testid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Banner",
   props: {
     type: {
@@ -18,6 +19,10 @@ const _sfc_main = defineComponent({
     iconSize: {
       type: String,
       default: "md"
+    },
+    testId: {
+      type: String,
+      default: ""
     }
   },
   setup(__props) {
@@ -28,11 +33,14 @@ const _sfc_main = defineComponent({
         class: normalizeClass(["banner", `banner-type-${__props.type}`])
       }, [
         _hoisted_1,
-        createElementVNode("div", _hoisted_2, [
+        createElementVNode("div", {
+          class: "content-wrapper",
+          "data-testid": `${__props.testId}-${unref(BannerTestIdModifiers).WRAPPER}`
+        }, [
           createElementVNode("div", _hoisted_3, [
             _ctx.$slots.icon ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
-              class: normalizeClass(iconClass.value)
+              class: normalizeClass(unref(iconClass))
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "icon", {}, void 0, true)
@@ -40,19 +48,22 @@ const _sfc_main = defineComponent({
               _: 3
             }, 8, ["class"])) : (openBlock(), createBlock(unref(Icon), {
               key: 1,
-              name: iconClass.value,
-              class: normalizeClass(iconClass.value),
+              name: unref(iconClass),
+              class: normalizeClass(unref(iconClass)),
               "font-size": __props.iconSize
             }, null, 8, ["name", "class", "font-size"]))
           ]),
-          createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", {
+            class: "content",
+            "data-testid": `${__props.testId}-${unref(BannerTestIdModifiers).CONTENT}`
+          }, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ])
-        ])
+          ], 8, _hoisted_4)
+        ], 8, _hoisted_2)
       ], 2);
     };
   }
 });
-var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-36d41da7"]]);
+var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1a74058c"]]);
 
 export { Banner as default };

package/components/banner/index.d.ts

@@ -7,6 +7,10 @@ declare const BannerTypes: () => import("vue").DefineComponent<{
         type: () => "md" | "sm" | "lg";
         default: string;
     };
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: () => "error" | "info" | "success" | "warning";
@@ -16,9 +20,14 @@ declare const BannerTypes: () => import("vue").DefineComponent<{
         type: () => "md" | "sm" | "lg";
         default: string;
     };
+    testId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     type: "error" | "info" | "success" | "warning";
+    testId: string;
     iconSize: "md" | "sm" | "lg";
-}, {}>[];
+}>[];
 export { default as Banner } from './Banner.vue';
 export { BannerTypes };

package/components/button/Button.vue.d.ts

@@ -3,23 +3,28 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     leftIconName?: IconName;
     rightIconName?: IconName;
     size?: 'sm' | 'md' | 'lg';
+    testId?: string;
 }>, {
     leftIconName: any;
     rightIconName: any;
     size: string;
+    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<{
     leftIconName?: IconName;
     rightIconName?: IconName;
     size?: 'sm' | 'md' | 'lg';
+    testId?: string;
 }>, {
     leftIconName: any;
     rightIconName: any;
     size: string;
+    testId: string;
 }>>>, {
     size: 'sm' | 'md' | 'lg';
+    testId: string;
     leftIconName: IconName;
     rightIconName: IconName;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/button/Button.vue.js

@@ -5,12 +5,13 @@ import { iconSizeMap } from './consts.vue.js';
 /* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Button.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     leftIconName: { default: null },
     rightIconName: { default: null },
-    size: { default: "md" }
+    size: { default: "md" },
+    testId: { default: "" }
   },
   setup(__props) {
     const props = __props;
@@ -18,30 +19,31 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(ButtonBase, mergeProps({
         class: [
-          _ctx.size,
+          __props.size,
           {
-            "with-left-icon": !!_ctx.leftIconName,
-            "with-right-icon": !!_ctx.rightIconName
+            "with-left-icon": !!__props.leftIconName,
+            "with-right-icon": !!__props.rightIconName
           }
         ],
-        size: _ctx.size
+        size: __props.size,
+        "data-testid": props.testId
       }, _ctx.$attrs), createSlots({
         default: withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass({
-              flex: _ctx.leftIconName || _ctx.rightIconName
+              flex: __props.leftIconName || __props.rightIconName
             })
           }, [
-            _ctx.leftIconName ? (openBlock(), createBlock(unref(Icon), {
+            __props.leftIconName ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
-              name: _ctx.leftIconName,
-              "font-size": computedIconWidth.value
+              name: __props.leftIconName,
+              "font-size": unref(computedIconWidth)
             }, null, 8, ["name", "font-size"])) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "default", {}, void 0, true),
-            _ctx.rightIconName ? (openBlock(), createBlock(unref(Icon), {
+            __props.rightIconName ? (openBlock(), createBlock(unref(Icon), {
               key: 1,
-              name: _ctx.rightIconName,
-              "font-size": computedIconWidth.value
+              name: __props.rightIconName,
+              "font-size": unref(computedIconWidth)
             }, null, 8, ["name", "font-size"])) : createCommentVNode("", true)
           ], 2)
         ]),
@@ -54,10 +56,10 @@ const _sfc_main = defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["class", "size"]);
+      ]), 1040, ["class", "size", "data-testid"]);
     };
   }
 });
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e54ca3e"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-195cffac"]]);
 
 export { Button as default };

package/components/button/ButtonBase.vue.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     variant: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
     theme: 'primary' | 'secondary' | 'third' | 'danger';
     loading: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {