@ironsource/shared-ui 2.0.0-rc.4 → 2.0.0-rc.6

package/components/autocompleteDropdown/AutocompleteInput.vue2.js

@@ -1,5 +1,5 @@
- import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_3c232515_lang.css"; import { defineComponent as k, ref as y, computed as $, watch as L, openBlock as u, createElementBlock as s, normalizeClass as A, unref as n, withModifiers as f, Fragment as D, renderList as O, renderSlot as S, createVNode as h, withCtx as T, createTextVNode as x, toDisplayString as V, createElementVNode as w } from "vue";
-import F from "../icon/Icon.vue.js";
+ import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_2b63231b_lang.css"; import { defineComponent as k, ref as y, computed as $, watch as L, openBlock as u, createElementBlock as s, normalizeClass as A, unref as n, withModifiers as f, Fragment as D, renderList as O, renderSlot as S, createVNode as h, withCtx as T, createTextVNode as x, toDisplayString as V, createElementVNode as w } from "vue";
+import F from "../icon/v3/Icon.vue.js";
 import N from "../typography/Text.vue.js";
 import { useDropdownContext as P } from "../dropdown/common/DropdownContext.js";
 import { DEFAULT_PLACEHOLDER as R } from "./consts.js";

package/components/banner/Banner.vue.js

@@ -1,7 +1,7 @@
 import o from "./Banner.vue2.js";
 /* empty css             */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Banner.vue_vue_type_style_index_0_scoped_c487d53b_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c487d53b"]]);
+// import "../../Banner.vue_vue_type_style_index_0_scoped_a293c6d0_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a293c6d0"]]);
 export {
-  c as default
+  a as default
 };

package/components/banner/Banner.vue2.js

@@ -1,7 +1,7 @@
- import "../../Banner.vue_vue_type_style_index_0_scoped_c487d53b_lang.css"; import { defineComponent as f, computed as m, openBlock as a, createElementBlock as u, normalizeClass as d, createElementVNode as s, unref as e, createBlock as i, withCtx as y, renderSlot as c, pushScopeId as S, popScopeId as $ } from "vue";
-import l from "../icon/Icon.vue.js";
+ import "../../Banner.vue_vue_type_style_index_0_scoped_a293c6d0_lang.css"; import { defineComponent as f, computed as m, openBlock as a, createElementBlock as u, normalizeClass as d, createElementVNode as s, unref as e, createBlock as i, withCtx as y, renderSlot as c, pushScopeId as S, popScopeId as $ } from "vue";
+import l from "../icon/v3/Icon.vue.js";
 import { BannerTestIdModifiers as r } from "../../testids/index.js";
-const h = (t) => (S("data-v-c487d53b"), t = t(), $(), t), v = /* @__PURE__ */ h(() => /* @__PURE__ */ s("div", { class: "left-border" }, null, -1)), I = ["data-testid"], k = { class: "icon-container" }, z = ["data-testid"], E = /* @__PURE__ */ f({
+const h = (t) => (S("data-v-a293c6d0"), t = t(), $(), t), v = /* @__PURE__ */ h(() => /* @__PURE__ */ s("div", { class: "left-border" }, null, -1)), I = ["data-testid"], k = { class: "icon-container" }, z = ["data-testid"], b = /* @__PURE__ */ f({
   __name: "Banner",
   props: {
     type: {
@@ -54,5 +54,5 @@ const h = (t) => (S("data-v-c487d53b"), t = t(), $(), t), v = /* @__PURE__ */ h(
   }
 });
 export {
-  E as default
+  b as default
 };

package/components/button/common/ButtonBase.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonBase.vue2.js";
 /* empty css                 */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_c3761a2a_lang.css"; //*');
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c3761a2a"]]);
+// import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_70baba59_lang.css"; //*');
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-70baba59"]]);
 export {
   a as default
 };

package/components/button/common/ButtonBase.vue2.js

@@ -1,7 +1,7 @@
- import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_c3761a2a_lang.css"; import { defineComponent as p, computed as l, openBlock as s, createElementBlock as i, mergeProps as z, renderSlot as n, createVNode as a, unref as o, withCtx as d, createCommentVNode as m } from "vue";
+ import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_70baba59_lang.css"; import { defineComponent as p, computed as l, openBlock as s, createElementBlock as i, mergeProps as z, renderSlot as n, createVNode as a, unref as o, withCtx as d, createCommentVNode as m } from "vue";
 import "../../typography/Heading.vue.js";
 import h from "../../typography/Text.vue.js";
-import B from "../../icon/Icon.vue.js";
+import B from "../../icon/v3/Icon.vue.js";
 import { sizeToFont as y } from "../consts.js";
 import x from "../icon/LoaderDotsIcon.vue.js";
 const k = { key: 0 }, W = /* @__PURE__ */ p({

package/components/button/v3/Button.vue.js

@@ -1,7 +1,7 @@
 import o from "./Button.vue2.js";
 /* empty css             */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Button.vue_vue_type_style_index_0_scoped_d7977f86_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d7977f86"]]);
+// import "../../../Button.vue_vue_type_style_index_0_scoped_d92097c8_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d92097c8"]]);
 export {
-  p as default
+  c as default
 };

package/components/button/v3/Button.vue2.js

@@ -1,7 +1,7 @@
- import "../../../Button.vue_vue_type_style_index_0_scoped_d7977f86_lang.css"; import { defineComponent as N, computed as d, openBlock as a, createElementBlock as f, mergeProps as y, renderSlot as l, createVNode as s, unref as t, createSlots as k, withCtx as r, createElementVNode as B, normalizeClass as $, createBlock as u, createCommentVNode as i } from "vue";
+ import "../../../Button.vue_vue_type_style_index_0_scoped_d92097c8_lang.css"; import { defineComponent as N, computed as d, openBlock as a, createElementBlock as f, mergeProps as y, renderSlot as l, createVNode as s, unref as t, createSlots as k, withCtx as r, createElementVNode as B, normalizeClass as $, createBlock as u, createCommentVNode as i } from "vue";
 import "../../typography/Heading.vue.js";
 import v from "../../typography/Text.vue.js";
-import m from "../../icon/Icon.vue.js";
+import m from "../../icon/v3/Icon.vue.js";
 import { sizeToFont as x, iconSizeMap as S } from "../consts.js";
 import w from "../icon/LoaderDotsIcon.vue.js";
 const C = ["data-testid"], W = { key: 0 }, D = /* @__PURE__ */ N({

package/components/button/v3/IconButton.vue.js

@@ -1,7 +1,7 @@
 import o from "./IconButton.vue2.js";
 /* empty css                 */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../IconButton.vue_vue_type_style_index_0_scoped_7c4033d4_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7c4033d4"]]);
+// import "../../../IconButton.vue_vue_type_style_index_0_scoped_2fe9bc4c_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2fe9bc4c"]]);
 export {
   s as default
 };

package/components/button/v3/IconButton.vue2.js

@@ -1,5 +1,5 @@
- import "../../../IconButton.vue_vue_type_style_index_0_scoped_7c4033d4_lang.css"; import { defineComponent as s, computed as c, openBlock as l, createBlock as d, mergeProps as m, withCtx as t, createElementVNode as f, normalizeClass as u, renderSlot as z, createVNode as a, unref as r } from "vue";
-import p from "../../icon/Icon.vue.js";
+ import "../../../IconButton.vue_vue_type_style_index_0_scoped_2fe9bc4c_lang.css"; import { defineComponent as s, computed as c, openBlock as l, createBlock as d, mergeProps as m, withCtx as t, createElementVNode as f, normalizeClass as u, renderSlot as z, createVNode as a, unref as r } from "vue";
+import p from "../../icon/v3/Icon.vue.js";
 import v from "../common/ButtonBase.vue.js";
 import { loaderSizeMap as B } from "../consts.js";
 import C from "../icon/LoaderCircleIcon.vue.js";

package/components/button/v3/ScrollButton.vue.js

@@ -1,7 +1,7 @@
 import o from "./ScrollButton.vue2.js";
-/* empty css                   */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ScrollButton.vue_vue_type_style_index_0_scoped_36f329cf_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-36f329cf"]]);
+/* empty css                   */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ScrollButton.vue_vue_type_style_index_0_scoped_35ed2cfe_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-35ed2cfe"]]);
 export {
   s as default
 };

package/components/button/v3/ScrollButton.vue2.js

@@ -1,10 +1,10 @@
- import "../../../ScrollButton.vue_vue_type_style_index_0_scoped_36f329cf_lang.css"; import { defineComponent as r, openBlock as i, createBlock as c, unref as o, normalizeClass as m, withCtx as e, createVNode as l, createCommentVNode as s } from "vue";
-import u from "../../icon/Icon.vue.js";
+ import "../../../ScrollButton.vue_vue_type_style_index_0_scoped_35ed2cfe_lang.css"; import { defineComponent as r, openBlock as i, createBlock as c, unref as o, normalizeClass as m, withCtx as e, createVNode as l, createCommentVNode as s } from "vue";
+import u from "../../icon/v3/Icon.vue.js";
 import "./Button.vue.js";
 import f from "./IconButton.vue.js";
 import "./ScrollButton.vue.js";
-import "../../tooltip/Tooltip.vue2.js";
-import d from "../../tooltip/Tooltip.vue.js";
+import "../../tooltip/v3/Tooltip.vue.js";
+import d from "../../tooltip/v3/Tooltip.vue2.js";
 const g = /* @__PURE__ */ r({
   __name: "ScrollButton",
   props: {

package/components/button/v4/ButtonV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonV4.vue2.js";
 /* empty css               */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_6db34241_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6db34241"]]);
+// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_43578f8c_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-43578f8c"]]);
 export {
-  p as default
+  c as default
 };

package/components/button/v4/ButtonV4.vue2.js

@@ -1,6 +1,6 @@
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_6db34241_lang.css"; import { defineComponent as y, computed as u, openBlock as n, createElementBlock as r, normalizeClass as l, createElementVNode as f, createBlock as I, unref as t, createCommentVNode as o, createVNode as i, withCtx as c, renderSlot as m } from "vue";
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_43578f8c_lang.css"; import { defineComponent as y, computed as u, openBlock as n, createElementBlock as r, normalizeClass as l, createElementVNode as f, createBlock as I, unref as t, createCommentVNode as o, createVNode as i, withCtx as c, renderSlot as m } from "vue";
 import N from "../../typography/v4/Typography.vue.js";
-import z from "../../icon/Icon.vue.js";
+import z from "../../icon/v3/Icon.vue.js";
 import { iconSizeMap as b } from "../consts.js";
 import v from "../../loader/v4/Loader.vue.js";
 const k = ["data-testid", "disabled"], w = { key: 0 }, S = /* @__PURE__ */ y({

package/components/button/v4/IconButtonV4.vue.d.ts

@@ -0,0 +1,66 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    variant?: "default" | "outlined";
+    color?: "default" | "error" | "primary";
+    size?: "small" | "medium" | "large" | "extraLarge";
+    type?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    iconName?: string;
+    disabled?: boolean;
+    testId?: string;
+}>, {
+    size: string;
+    variant: string;
+    color: string;
+    disabled: boolean;
+    testId: string;
+    iconName: string;
+    type: 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<{
+    variant?: "default" | "outlined";
+    color?: "default" | "error" | "primary";
+    size?: "small" | "medium" | "large" | "extraLarge";
+    type?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    iconName?: string;
+    disabled?: boolean;
+    testId?: string;
+}>, {
+    size: string;
+    variant: string;
+    color: string;
+    disabled: boolean;
+    testId: string;
+    iconName: string;
+    type: string;
+}>>>, {
+    type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    size: "small" | "medium" | "large" | "extraLarge";
+    testId: string;
+    variant: "default" | "outlined";
+    disabled: boolean;
+    iconName: string;
+    color: "default" | "error" | "primary";
+}>, {
+    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/button/v4/IconButtonV4.vue.js

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

package/components/button/v4/IconButtonV4.vue2.js

@@ -0,0 +1,35 @@
+ import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_2ca54aa8_lang.css"; import { defineComponent as s, computed as l, openBlock as i, createElementBlock as u, normalizeClass as c, unref as a, renderSlot as m, createVNode as r } from "vue";
+import f from "../../icon/v4/IconV4.vue.js";
+const p = ["data-testid", "disabled"], I = /* @__PURE__ */ s({
+  __name: "IconButtonV4",
+  props: {
+    variant: { default: "default" },
+    color: { default: "default" },
+    size: { default: "medium" },
+    type: { default: "regular" },
+    iconName: { default: "pencil-simple" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  setup(e) {
+    const t = e, n = l(
+      () => t.size === "small" || t.size === "medium" ? "20px" : "24px"
+    ), d = l(() => `variant-${t.variant}`);
+    return (o, z) => (i(), u("button", {
+      class: c([[e.size, e.color, a(d)], "button-wrap"]),
+      "data-testid": t.testId,
+      disabled: e.disabled
+    }, [
+      m(o.$slots, "default", {}, () => [
+        r(a(f), {
+          type: e.type,
+          name: e.iconName || "pencil-simple",
+          size: a(n)
+        }, null, 8, ["type", "name", "size"])
+      ], !0)
+    ], 10, p));
+  }
+});
+export {
+  I as default
+};

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

@@ -1,5 +1,6 @@
 import Button from './ButtonV4.vue';
-declare const ButtonTypes: () => ({
+import IconButton from './IconButtonV4.vue';
+declare const ButtonTypes: () => (({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -205,5 +206,191 @@ declare const ButtonTypes: () => ({
         default?(_: {}): any;
         loader?(_: {}): any;
     };
-}))[];
-export { Button, ButtonTypes };
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            size: "small" | "medium" | "large" | "extraLarge";
+            testId: string;
+            variant: "default" | "outlined";
+            disabled: boolean;
+            iconName: string;
+            color: "default" | "error" | "primary";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"default" | "outlined">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "error" | "primary">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size" | "testId" | "variant" | "disabled" | "iconName" | "color">;
+        $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<{
+            type: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"default" | "outlined">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "error" | "primary">;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            size: "small" | "medium" | "large" | "extraLarge";
+            testId: string;
+            variant: "default" | "outlined";
+            disabled: boolean;
+            iconName: string;
+            color: "default" | "error" | "primary";
+        }, {}, 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<{
+        type: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "outlined">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        iconName: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "error" | "primary">;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"default" | "outlined">;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    iconName: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    color: {
+        type: import("vue").PropType<"default" | "error" | "primary">;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    size: "small" | "medium" | "large" | "extraLarge";
+    testId: string;
+    variant: "default" | "outlined";
+    disabled: boolean;
+    iconName: string;
+    color: "default" | "error" | "primary";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})))[];
+export { Button, IconButton, ButtonTypes };

package/components/button/v4/index.js

@@ -1,6 +1,8 @@
-import t from "./ButtonV4.vue.js";
-const n = () => [t];
+import o from "./ButtonV4.vue.js";
+import t from "./IconButtonV4.vue.js";
+const m = () => [o, t];
 export {
-  t as Button,
-  n as ButtonTypes
+  o as Button,
+  m as ButtonTypes,
+  t as IconButton
 };

package/components/checkbox/Checkbox.vue.js

@@ -1,7 +1,7 @@
 import o from "./Checkbox.vue2.js";
 /* empty css               */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Checkbox.vue_vue_type_style_index_0_scoped_345b8f69_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-345b8f69"]]);
+// import "../../Checkbox.vue_vue_type_style_index_0_scoped_518c02d0_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-518c02d0"]]);
 export {
-  c as default
+  t as default
 };

package/components/checkbox/Checkbox.vue2.js

@@ -1,14 +1,14 @@
- import "../../Checkbox.vue_vue_type_style_index_0_scoped_345b8f69_lang.css"; import { defineComponent as E, ref as p, computed as r, openBlock as c, createElementBlock as S, normalizeClass as g, unref as t, createElementVNode as m, mergeProps as N, createVNode as D, withCtx as I, createBlock as i, createCommentVNode as d, renderSlot as L, createTextVNode as P, toDisplayString as R, pushScopeId as T, popScopeId as w } from "vue";
+ import "../../Checkbox.vue_vue_type_style_index_0_scoped_518c02d0_lang.css"; import { defineComponent as E, ref as p, computed as r, openBlock as c, createElementBlock as S, normalizeClass as g, unref as t, createElementVNode as m, mergeProps as N, createVNode as D, withCtx as I, createBlock as i, createCommentVNode as d, renderSlot as L, createTextVNode as P, toDisplayString as R, pushScopeId as T, popScopeId as w } from "vue";
 import "../typography/Heading.vue.js";
 import A from "../typography/Text.vue.js";
-import H from "../icon/Icon.vue.js";
+import H from "../icon/v3/Icon.vue.js";
 import K from "./icons/unchecked.vue.js";
 import M from "./icons/checked.vue.js";
 import U from "./icons/indeterminate.vue.js";
 import W from "../../composables/useIsFocusVisible.js";
 import { useId as j } from "../../composables/useId.js";
 import { CheckboxTestIdModifiers as a } from "../../testids/index.js";
-const q = (e) => (T("data-v-345b8f69"), e = e(), w(), e), G = ["data-testid"], J = { class: "checkboxes" }, O = ["disabled", "checked", ".indeterminate", "data-testid"], Q = /* @__PURE__ */ q(() => /* @__PURE__ */ m("span", { class: "checkbox__inner" }, null, -1)), de = /* @__PURE__ */ E({
+const q = (e) => (T("data-v-518c02d0"), e = e(), w(), e), G = ["data-testid"], J = { class: "checkboxes" }, O = ["disabled", "checked", ".indeterminate", "data-testid"], Q = /* @__PURE__ */ q(() => /* @__PURE__ */ m("span", { class: "checkbox__inner" }, null, -1)), de = /* @__PURE__ */ E({
   __name: "Checkbox",
   props: {
     isChecked: { type: Boolean },

package/components/chip/v3/Chip.vue.d.ts

@@ -30,8 +30,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     disabled: boolean;
     selected: boolean;
-    clearable: boolean;
     prefix: string;
+    clearable: boolean;
 }>, {
     "icon-start"?(_: {}): any;
     default?(_: {}): any;

package/components/chip/v3/Chip.vue.js

@@ -1,7 +1,7 @@
 import o from "./Chip.vue2.js";
 /* empty css           */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Chip.vue_vue_type_style_index_0_scoped_576d30c1_lang.css"; //*');
-const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-576d30c1"]]);
+// import "../../../Chip.vue_vue_type_style_index_0_scoped_f89d9361_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-f89d9361"]]);
 export {
   t as default
 };

package/components/chip/v3/Chip.vue2.js

@@ -1,5 +1,5 @@
- import "../../../Chip.vue_vue_type_style_index_0_scoped_576d30c1_lang.css"; import { defineComponent as r, openBlock as s, createElementBlock as a, normalizeClass as f, unref as d, renderSlot as l, createCommentVNode as o, createElementVNode as u, toDisplayString as m, createVNode as p } from "vue";
-import b from "../../icon/Icon.vue.js";
+ import "../../../Chip.vue_vue_type_style_index_0_scoped_f89d9361_lang.css"; import { defineComponent as r, openBlock as s, createElementBlock as a, normalizeClass as f, unref as d, renderSlot as l, createCommentVNode as o, createElementVNode as u, toDisplayString as m, createVNode as p } from "vue";
+import b from "../../icon/v3/Icon.vue.js";
 import { ChipTestIdModifiers as n } from "../../../testids/index.js";
 const h = ["disabled", "data-testid"], $ = {
   key: 0,