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

package/components/dropdown/v4/DefaultDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./DefaultDropdownTrigger.vue2.js";
 /* empty css                             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_3bc0f416_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3bc0f416"]]);
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_a6900fa6_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a6900fa6"]]);
 export {
-  p as default
+  a as default
 };

package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_3bc0f416_lang.css"; import { defineComponent as I, computed as f, openBlock as o, createElementBlock as d, createBlock as T, createCommentVNode as n, createElementVNode as p, mergeProps as y, unref as l, renderSlot as r, createVNode as s, withCtx as g, createTextVNode as x, toDisplayString as B } from "vue";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_a6900fa6_lang.css"; import { defineComponent as I, computed as f, openBlock as o, createElementBlock as d, createBlock as T, createCommentVNode as n, createElementVNode as p, mergeProps as y, unref as l, renderSlot as r, createVNode as s, withCtx as g, createTextVNode as x, toDisplayString as B } from "vue";
 import w from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as c } from "../../../testids/index.js";
 import m from "../../icon/v4/IconV4.vue.js";

package/components/dropdown/v4/DropdownV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_445ebb01_lang.css"; //*');
+/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-445ebb01"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-526bf0a1"]]);
 export {
   r as default
 };

package/components/dropdown/v4/DropdownV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_445ebb01_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as he, computed as L, watch as ke, toRaw as S, openBlock as a, createElementBlock as s, mergeProps as m, unref as t, renderSlot as u, createElementVNode as f, createVNode as d, withCtx as c, Transition as we, normalizeClass as B, normalizeStyle as be, createTextVNode as k, createCommentVNode as r, isRef as Ie, toDisplayString as q, withModifiers as j, Fragment as Se, renderList as ve, createSlots as Ce, createBlock as F, resolveDynamicComponent as Ke } from "vue";
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css";  import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as he, computed as L, watch as ke, toRaw as S, openBlock as a, createElementBlock as s, mergeProps as m, unref as t, renderSlot as u, createElementVNode as f, createVNode as d, withCtx as c, Transition as we, normalizeClass as B, normalizeStyle as be, createTextVNode as k, createCommentVNode as r, isRef as Ie, toDisplayString as q, withModifiers as j, Fragment as Se, renderList as ve, createSlots as Ce, createBlock as F, resolveDynamicComponent as Ke } from "vue";
 import P from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
@@ -419,7 +419,7 @@ const $e = ["tabindex"], Me = { style: { width: "100%" } }, Re = { key: 0 }, ze
                             ref: ce,
                             size: "small",
                             variant: "outlined",
-                            color: "primary"
+                            color: "default"
                           },
                           t(g)[t(p).ACTION_CANCEL],
                           { onClick: t(ae) }

package/components/dropdown/v4/GroupOption.vue.js

@@ -1,7 +1,7 @@
 import o from "./GroupOption.vue2.js";
-/* empty css                  */import p from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../GroupOption.vue_vue_type_style_index_0_scoped_5f372a81_lang.css"; //*');
-const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-5f372a81"]]);
+/* empty css                  */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../GroupOption.vue_vue_type_style_index_0_scoped_1e5170b3_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1e5170b3"]]);
 export {
   s as default
 };

package/components/dropdown/v4/GroupOption.vue2.js

@@ -1,4 +1,4 @@
- import "../../../GroupOption.vue_vue_type_style_index_0_scoped_5f372a81_lang.css"; import { defineComponent as i, ref as l, openBlock as f, createElementBlock as s, withModifiers as a, unref as o, createVNode as u, withCtx as m, renderSlot as d } from "vue";
+ import "../../../GroupOption.vue_vue_type_style_index_0_scoped_1e5170b3_lang.css"; import { defineComponent as i, ref as l, openBlock as f, createElementBlock as s, withModifiers as a, unref as o, createVNode as u, withCtx as m, renderSlot as d } from "vue";
 import { NOOP as r } from "@vue/shared";
 import c from "../../typography/v4/Typography.vue.js";
 const y = /* @__PURE__ */ i({

package/components/helpText/HelpText.vue.d.ts

@@ -0,0 +1,68 @@
+import { TooltipTriggers } from '@/components/tooltip/common/Tooltip.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    variant?: "caption" | "h5" | "body1" | "body2";
+    color?: "default" | "primary" | "secondary";
+    disabled?: boolean;
+    testId?: string;
+    tooltipDisabled?: boolean;
+    tooltipTriggers?: TooltipTriggers[];
+    tooltipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+}>, {
+    variant: string;
+    color: string;
+    disabled: boolean;
+    testId: string;
+    tooltipDisabled: boolean;
+    tooltipTriggers: () => string[];
+    tooltipPlacement: 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?: "caption" | "h5" | "body1" | "body2";
+    color?: "default" | "primary" | "secondary";
+    disabled?: boolean;
+    testId?: string;
+    tooltipDisabled?: boolean;
+    tooltipTriggers?: TooltipTriggers[];
+    tooltipPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+}>, {
+    variant: string;
+    color: string;
+    disabled: boolean;
+    testId: string;
+    tooltipDisabled: boolean;
+    tooltipTriggers: () => string[];
+    tooltipPlacement: string;
+}>>>, {
+    testId: string;
+    variant: "caption" | "h5" | "body1" | "body2";
+    tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    disabled: boolean;
+    color: "default" | "primary" | "secondary";
+    tooltipDisabled: boolean;
+    tooltipTriggers: TooltipTriggers[];
+}>, {
+    default?(_: {}): any;
+    tooltip?(_: {}): 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/helpText/HelpText.vue.js

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

package/components/helpText/HelpText.vue2.js

@@ -0,0 +1,45 @@
+ import "../../HelpText.vue_vue_type_style_index_0_scoped_641c2356_lang.css"; import { defineComponent as s, openBlock as n, createBlock as p, unref as e, mergeProps as d, withCtx as l, renderSlot as i, createVNode as f } from "vue";
+import u from "../typography/v4/Typography.vue.js";
+import m from "../tooltip/v4/TooltipV4.vue.js";
+import { useTestIdAttrs as c } from "../../utils/testIds.js";
+import { HelpTextTestIdModifiers as a } from "../../testids/index.js";
+const y = /* @__PURE__ */ s({
+  __name: "HelpText",
+  props: {
+    variant: { default: "body1" },
+    color: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    tooltipDisabled: { type: Boolean, default: !1 },
+    tooltipTriggers: { default: () => ["hover"] },
+    tooltipPlacement: { default: "auto" }
+  },
+  setup(t) {
+    const r = c(t.testId, a);
+    return (o, g) => (n(), p(e(m), d({
+      class: ["help-text", [`help-text--${t.color}`, { "help-text--disabled": t.disabled }]],
+      disabled: !o.$slots.tooltip || t.tooltipDisabled,
+      triggers: t.tooltipTriggers,
+      placement: t.tooltipPlacement
+    }, e(r)[e(a).TOOLTIP]), {
+      tooltip: l(() => [
+        i(o.$slots, "tooltip", {}, void 0, !0)
+      ]),
+      default: l(() => [
+        f(e(u), d(e(r)[e(a).TEXT], {
+          class: "underlined",
+          variant: t.variant
+        }), {
+          default: l(() => [
+            i(o.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 16, ["variant"])
+      ]),
+      _: 3
+    }, 16, ["class", "disabled", "triggers", "placement"]));
+  }
+});
+export {
+  y as default
+};

package/components/helpText/index.d.ts

@@ -0,0 +1,190 @@
+declare const HelpTextTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            testId: string;
+            variant: "caption" | "h5" | "body1" | "body2";
+            tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+            disabled: boolean;
+            color: "default" | "primary" | "secondary";
+            tooltipDisabled: boolean;
+            tooltipTriggers: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"caption" | "h5" | "body1" | "body2">;
+                default: string;
+            };
+            tooltipPlacement: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary" | "secondary">;
+                default: string;
+            };
+            tooltipDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipTriggers: {
+                type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+                default: () => string[];
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "tooltipPlacement" | "disabled" | "color" | "tooltipDisabled" | "tooltipTriggers">;
+        $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<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"caption" | "h5" | "body1" | "body2">;
+                default: string;
+            };
+            tooltipPlacement: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary" | "secondary">;
+                default: string;
+            };
+            tooltipDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipTriggers: {
+                type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+                default: () => string[];
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            testId: string;
+            variant: "caption" | "h5" | "body1" | "body2";
+            tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+            disabled: boolean;
+            color: "default" | "primary" | "secondary";
+            tooltipDisabled: boolean;
+            tooltipTriggers: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
+        }, {}, 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<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"caption" | "h5" | "body1" | "body2">;
+            default: string;
+        };
+        tooltipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "primary" | "secondary">;
+            default: string;
+        };
+        tooltipDisabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tooltipTriggers: {
+            type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+            default: () => string[];
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"caption" | "h5" | "body1" | "body2">;
+        default: string;
+    };
+    tooltipPlacement: {
+        type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    color: {
+        type: import("vue").PropType<"default" | "primary" | "secondary">;
+        default: string;
+    };
+    tooltipDisabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    tooltipTriggers: {
+        type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+        default: () => string[];
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    testId: string;
+    variant: "caption" | "h5" | "body1" | "body2";
+    tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    disabled: boolean;
+    color: "default" | "primary" | "secondary";
+    tooltipDisabled: boolean;
+    tooltipTriggers: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        tooltip?(_: {}): any;
+    };
+}))[];
+export { default as HelpText } from './HelpText.vue';
+export { HelpTextTypes };

package/components/helpText/index.js

@@ -0,0 +1,6 @@
+import e from "./HelpText.vue.js";
+const t = () => [e];
+export {
+  e as HelpText,
+  t as HelpTextTypes
+};

package/components/icon/v4/IconV4.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     height?: string;
     width?: string;
     platform?: string;
+    circled?: boolean;
 }>, {
     name: any;
     size: any;
@@ -14,6 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     height: any;
     width: any;
     platform: any;
+    circled: boolean;
 }>, {}, 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<{
     type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     name?: string;
@@ -22,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     height?: string;
     width?: string;
     platform?: string;
+    circled?: boolean;
 }>, {
     name: any;
     size: any;
@@ -30,6 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     height: any;
     width: any;
     platform: any;
+    circled: boolean;
 }>>>, {
     name: string;
     type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -38,6 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     height: string;
     width: string;
     platform: string;
+    circled: boolean;
 }>, {
     default?(_: {}): any;
 }>;

package/components/icon/v4/IconV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./IconV4.vue2.js";
 /* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css"; //*');
-const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-dc433d48"]]);
+// import "../../../IconV4.vue_vue_type_style_index_0_scoped_6683c5b5_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6683c5b5"]]);
 export {
   t as default
 };

package/components/icon/v4/IconV4.vue2.js

@@ -1,7 +1,7 @@
- import "../../../IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css"; import { defineComponent as S, useCssVars as w, unref as s, useSlots as C, computed as o, watch as _, openBlock as u, createElementBlock as f, normalizeClass as b, createCommentVNode as z, renderSlot as I } from "vue";
-import { useStorage as T } from "../../../composables/useStorage.js";
-import { ASSETS_BASE_URL as U } from "./consts.js";
-const V = ["innerHTML"], B = /* @__PURE__ */ S({
+ import "../../../IconV4.vue_vue_type_style_index_0_scoped_6683c5b5_lang.css"; import { defineComponent as w, useCssVars as C, unref as l, useSlots as b, computed as o, watch as _, openBlock as u, createElementBlock as f, normalizeClass as p, createCommentVNode as z, renderSlot as B } from "vue";
+import { useStorage as I } from "../../../composables/useStorage.js";
+import { ASSETS_BASE_URL as T } from "./consts.js";
+const U = ["innerHTML"], x = /* @__PURE__ */ w({
   __name: "IconV4",
   props: {
     type: { default: "regular" },
@@ -10,62 +10,63 @@ const V = ["innerHTML"], B = /* @__PURE__ */ S({
     size: { default: null },
     height: { default: null },
     width: { default: null },
-    platform: { default: null }
+    platform: { default: null },
+    circled: { type: Boolean, default: !1 }
   },
   setup(r) {
     const e = r;
-    w((t) => ({
-      "3d423be4": s(d),
-      "513646c9": s(m),
-      ad86ac0c: r.color
+    C((t) => ({
+      "9a94b0d2": l(m),
+      eb9f5d14: l(h),
+      "047031a6": r.color
     }));
-    const a = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, p = C(), d = o(() => e.size || e.width), m = o(() => e.size || e.height), h = o(
+    const a = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, d = b(), m = o(() => e.size || e.width), h = o(() => e.size || e.height), y = o(
       () => e.platform ? `${e.type}/${e.platform}` : e.type
-    ), y = o(() => {
+    ), g = o(() => {
       if (!e.name)
         return "";
       const t = e.name.split("/");
       return [e.name ? `icon-name--${t.at(-1)}` : ""];
     }), c = o(() => {
-      if (p.default)
+      if (d.default)
         return "";
       if (!e.name)
         return console.error("Please provided icon name"), "";
       const t = e.type === "regular" || e.type === "bold" || e.type === "fill" ? "ph/" : "v4/", n = e.type === "bold" || e.type === "fill" ? `-${e.type}` : "";
-      return `${U}/icons/${t}${h.value}/${e.name}${n}.svg`;
-    }), l = T(`icon-${e.type}--${e.name}`);
-    function g(t) {
+      return `${T}/icons/${t}${y.value}/${e.name}${n}.svg`;
+    }), s = I(`icon-${e.type}--${e.name}`);
+    function v(t) {
       return a[t] || (a[t] = fetch(t).then((n) => n.text()).finally(() => {
         delete a[t];
       }).catch((n) => {
         console.error(n);
       })), a[t];
     }
-    function v(t) {
+    function $(t) {
       return t.replace(
         /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
         ""
       );
     }
     function i() {
-      g(c.value).then((t) => {
-        typeof t == "string" && t.startsWith("<svg") && (l.value = t);
+      v(c.value).then((t) => {
+        typeof t == "string" && t.startsWith("<svg") && (s.value = t);
       });
     }
-    !l.value && c.value && i();
-    const $ = o(() => v(l.value ?? ""));
+    !s.value && c.value && i();
+    const S = o(() => $(s.value ?? ""));
     return _(() => e.name, i), (t, n) => (u(), f("span", {
-      class: b(["icon", s(y)])
+      class: p(["icon", l(g)])
     }, [
       t.$slots.default ? z("", !0) : (u(), f("span", {
         key: 0,
-        class: "icon-wrapper",
-        innerHTML: s($)
-      }, null, 8, V)),
-      I(t.$slots, "default", {}, void 0, !0)
+        class: p(["icon-wrapper", { "icon-wrapper--circled": r.circled }]),
+        innerHTML: l(S)
+      }, null, 10, U)),
+      B(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
 export {
-  B as default
+  x as default
 };

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

@@ -11,6 +11,7 @@ declare const IconTypes: () => ({
             height: string;
             width: string;
             platform: string;
+            circled: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: import("vue").PropType<string>;
@@ -40,7 +41,11 @@ declare const IconTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
+            circled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform" | "circled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -83,6 +88,10 @@ declare const IconTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            circled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             name: string;
             type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -91,6 +100,7 @@ declare const IconTypes: () => ({
             height: string;
             width: string;
             platform: string;
+            circled: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -140,6 +150,10 @@ declare const IconTypes: () => ({
             type: import("vue").PropType<string>;
             default: any;
         };
+        circled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -173,6 +187,10 @@ declare const IconTypes: () => ({
         type: import("vue").PropType<string>;
         default: any;
     };
+    circled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     name: string;
     type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -181,6 +199,7 @@ declare const IconTypes: () => ({
     height: string;
     width: string;
     platform: string;
+    circled: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/input/v4/TextField.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextField.vue2.js";
 /* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-3b7a3661"]]);
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-28fab783"]]);
 export {
   p as default
 };

package/components/input/v4/TextField.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css"; import { defineComponent as te, computed as i, ref as le, openBlock as l, createElementBlock as s, mergeProps as d, unref as e, createBlock as f, createCommentVNode as n, createVNode as x, withCtx as b, createElementVNode as V, normalizeClass as F, renderSlot as z, createTextVNode as N, toDisplayString as $, withKeys as ae, withModifiers as D, normalizeProps as H } from "vue";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css"; import { defineComponent as te, computed as i, ref as le, openBlock as l, createElementBlock as s, mergeProps as d, unref as e, createBlock as f, createCommentVNode as n, createVNode as x, withCtx as b, createElementVNode as V, normalizeClass as F, renderSlot as z, createTextVNode as N, toDisplayString as $, withKeys as ae, withModifiers as D, normalizeProps as H } from "vue";
 import h from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import R from "../../tooltip/v4/TooltipV4.vue.js";