@ironsource/shared-ui 2.0.2-rc.4 → 2.0.2-rc.5

package/components/dropdown/v4/AppDropdownTrigger.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionImageKey?: string;
     optionIconKey?: string;
-    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -62,7 +62,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionImageKey?: string;
     optionIconKey?: string;
-    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -90,15 +90,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClick?: () => any;
 }, {
     label: string;
-    disabled: boolean;
     size: "small" | "medium" | "large";
-    open: boolean;
-    mandatory: boolean;
-    loading: boolean;
     testId: string;
+    loading: boolean;
+    disabled: boolean;
     options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
+    open: boolean;
+    mandatory: boolean;
     multi: boolean;
     valueToCopy: string;
     selectedOption: any;
@@ -106,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey: string;
     optionImageKey: string;
     optionIconKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;

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

@@ -1,7 +1,7 @@
 import o from "./AppDropdownTrigger.vue2.js";
 /* empty css                         */import p from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css"; //*');
-const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-a64a46d0"]]);
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_28bb325a_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-28bb325a"]]);
 export {
   s as default
 };

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

@@ -1,21 +1,21 @@
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_a64a46d0_lang.css"; import { defineComponent as A, computed as p, openBlock as o, createElementBlock as n, normalizeClass as V, createElementVNode as a, mergeProps as h, unref as t, renderSlot as v, createCommentVNode as s, createVNode as i, withCtx as T, toDisplayString as B } from "vue";
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_28bb325a_lang.css"; import { defineComponent as A, computed as p, openBlock as o, createElementBlock as n, normalizeClass as V, createElementVNode as a, mergeProps as h, unref as t, renderSlot as v, createCommentVNode as s, createVNode as i, withCtx as T, toDisplayString as B } from "vue";
 import c from "../../icon/v4/IconV4.vue.js";
-import $ from "../../typography/v4/Typography.vue.js";
+import x from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
-import { useTestIdAttrs as x } from "../../../utils/testIds.js";
-import K from "../../tooltip/v4/TooltipV4.vue.js";
-import { useClipboard as N } from "@vueuse/core";
-import { Snackbar as z } from "../../snackbar/v4/index.js";
+import { useTestIdAttrs as K } from "../../../utils/testIds.js";
+import N from "../../tooltip/v4/TooltipV4.vue.js";
+import { useClipboard as z } from "@vueuse/core";
+import { Snackbar as $ } from "../../snackbar/v4/index.js";
 const w = { class: "app-trigger--content" }, S = {
   key: 0,
   class: "image"
 }, D = ["src"], E = {
   key: 1,
   class: "start-icon"
-}, P = { class: "label-text" }, R = { key: 0 }, U = { class: "text-content" }, L = { class: "text-content-value" }, M = {
+}, P = { class: "label-text" }, R = { key: 0 }, U = { class: "text-content" }, M = { class: "text-content-value" }, W = {
   key: 0,
   class: "is-mandatory"
-}, W = { class: "app-trigger-key--content" }, Z = /* @__PURE__ */ A({
+}, j = { class: "" }, q = { class: "app-trigger-key--content" }, _ = /* @__PURE__ */ A({
   __name: "AppDropdownTrigger",
   props: {
     placeholder: { default: "Select app" },
@@ -40,11 +40,11 @@ const w = { class: "app-trigger--content" }, S = {
   },
   emits: ["click"],
   setup(l, { emit: k }) {
-    const e = l, { copy: O } = N({}), I = p(
+    const e = l, { copy: O } = z({}), C = p(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
-    ), C = () => {
+    ), I = () => {
       k("click");
-    }, y = x(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `${f} (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
+    }, y = K(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? f : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
       if (!e.selectedOption)
         return null;
       if (!e.multi)
@@ -52,7 +52,7 @@ const w = { class: "app-trigger--content" }, S = {
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
     }), b = () => {
-      O(e.valueToCopy), z({
+      O(e.valueToCopy), $({
         title: "Copied successfully",
         type: "success",
         duration: 2e3
@@ -62,12 +62,9 @@ const w = { class: "app-trigger--content" }, S = {
       class: V(["app-trigger-wrapper", { "with-copy": !!l.valueToCopy }])
     }, [
       a("div", h({
-        class: ["app-trigger", [l.size, t(I), { open: l.open, disabled: l.disabled }]],
-        style: {
-          paddingLeft: r.$slots.image || t(d) && l.optionImageKey ? "8px" : "12px"
-        }
+        class: ["app-trigger", [l.size, t(C), { open: l.open, disabled: l.disabled }]]
       }, t(y)[t(u).BUTTON_WRAPPER], {
-        onClick: g[0] || (g[0] = (j) => C())
+        onClick: g[0] || (g[0] = (F) => I())
       }), [
         a("div", w, [
           r.$slots.image || t(d) && l.optionImageKey ? (o(), n("div", S, [
@@ -83,11 +80,11 @@ const w = { class: "app-trigger--content" }, S = {
               i(t(c), {
                 type: l.optionIconType,
                 name: t(d)[l.optionIconKey],
-                size: "20px"
+                size: "16px"
               }, null, 8, ["type", "name"])
             ], !0)
           ])) : s("", !0),
-          i(t($), h({ variant: "button" }, t(y)[t(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+          i(t(x), h({ variant: "button" }, t(y)[t(u).BUTTON_CONTENT], { class: "displayed-value" }), {
             default: T(() => [
               a("div", P, [
                 t(m) === f ? (o(), n("span", R, [
@@ -98,15 +95,15 @@ const w = { class: "app-trigger--content" }, S = {
                   })
                 ])) : s("", !0),
                 a("div", U, [
-                  a("div", L, B(t(m)), 1),
-                  l.mandatory ? (o(), n("span", M, "*")) : s("", !0)
+                  a("div", M, B(t(m)), 1),
+                  l.mandatory ? (o(), n("span", W, "*")) : s("", !0)
                 ])
               ])
             ]),
             _: 1
           }, 16)
         ]),
-        a("div", null, [
+        a("div", j, [
           i(t(c), {
             name: "caret-down",
             size: "20px",
@@ -119,12 +116,12 @@ const w = { class: "app-trigger--content" }, S = {
         class: "app-trigger-key",
         onClick: b
       }, [
-        i(t(K), {
+        i(t(N), {
           text: l.valueToCopy,
           header: "App key"
         }, {
           default: T(() => [
-            a("div", W, [
+            a("div", q, [
               i(t(c), {
                 name: "copy",
                 size: "20px"
@@ -138,5 +135,5 @@ const w = { class: "app-trigger--content" }, S = {
   }
 });
 export {
-  Z as default
+  _ as default
 };

package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts

@@ -40,9 +40,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onClear?: () => any;
 }, {
     label: string;
+    testId: string;
     disabled: boolean;
     open: boolean;
-    testId: string;
     displayedValue: any;
     feedbackVariant: string;
 }>;

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

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

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

@@ -1,4 +1,4 @@
- import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_c38e97df_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
+ import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e5202bb9_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
 import m from "../../icon/v4/IconV4.vue.js";
 import A from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as o } from "../../../testids/index.js";

package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts

@@ -10,8 +10,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: string;
     mandatory?: boolean;
     hoverHelpText?: string;
-    hoverHelpTextPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
-    feedbackVariant?: "success" | "warning" | "error";
+    hoverHelpTextPlacement?: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    feedbackVariant?: "error" | "success" | "warning";
     feedbackText?: string;
     loading?: boolean;
     singleAppSelection?: boolean;
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionImageKey?: string;
     optionIconKey?: string;
-    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -57,8 +57,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: string;
     mandatory?: boolean;
     hoverHelpText?: string;
-    hoverHelpTextPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
-    feedbackVariant?: "success" | "warning" | "error";
+    hoverHelpTextPlacement?: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    feedbackVariant?: "error" | "success" | "warning";
     feedbackText?: string;
     loading?: boolean;
     singleAppSelection?: boolean;
@@ -67,7 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionImageKey?: string;
     optionIconKey?: string;
-    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }>, {
     placeholder: string;
     selectedOption: any;
@@ -94,26 +94,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClick?: () => any;
 }, {
     label: string;
-    disabled: boolean;
     size: "small" | "medium" | "large";
-    open: boolean;
-    mandatory: boolean;
-    loading: boolean;
     testId: string;
+    loading: boolean;
+    disabled: boolean;
     options: unknown[];
     singleAppSelection: boolean;
     placeholder: string;
+    open: boolean;
+    mandatory: boolean;
     multi: boolean;
     selectedOption: any;
     brandIconType: "android" | "ios";
     optionNameKey: string;
     optionImageKey: string;
     optionIconKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     hoverHelpText: string;
-    hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     feedbackText: string;
-    feedbackVariant: "success" | "warning" | "error";
+    feedbackVariant: "error" | "success" | "warning";
 }>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;

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_06dcfe6d_lang.css"; //*');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-06dcfe6d"]]);
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c6156fa0_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c6156fa0"]]);
 export {
-  d as default
+  p as default
 };

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

@@ -1,17 +1,17 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_06dcfe6d_lang.css"; import { defineComponent as v, computed as s, openBlock as a, createElementBlock as i, Fragment as I, createBlock as m, createCommentVNode as n, createElementVNode as r, mergeProps as y, unref as l, renderSlot as h, createVNode as c, withCtx as x, createTextVNode as V, toDisplayString as B } from "vue";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c6156fa0_lang.css"; import { defineComponent as O, computed as r, openBlock as a, createElementBlock as i, Fragment as I, createBlock as m, createCommentVNode as n, createElementVNode as s, mergeProps as y, unref as l, renderSlot as h, createVNode as c, withCtx as x, createTextVNode as V, toDisplayString as B } from "vue";
 import A from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
 import g from "../../icon/v4/IconV4.vue.js";
 import N from "../../shared/FieldLabel.vue.js";
-import w from "../../shared/FieldHelpText.vue.js";
-import { useTestIdAttrs as K } from "../../../utils/testIds.js";
-const $ = { class: "content" }, C = {
+import K from "../../shared/FieldHelpText.vue.js";
+import { useTestIdAttrs as C } from "../../../utils/testIds.js";
+const $ = { class: "content" }, D = {
   key: 0,
   class: "image"
-}, D = ["src"], H = {
+}, w = ["src"], H = {
   key: 1,
   class: "start-icon"
-}, P = { class: "caret-down" }, W = /* @__PURE__ */ v({
+}, M = /* @__PURE__ */ O({
   __name: "DefaultDropdownTrigger",
   props: {
     placeholder: { default: "Select" },
@@ -39,11 +39,11 @@ const $ = { class: "content" }, C = {
   },
   emits: ["click"],
   setup(t, { emit: T }) {
-    const e = t, b = s(
+    const e = t, b = r(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
     ), k = () => {
       T("click");
-    }, f = K(e.testId, u), O = s(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), o = s(() => {
+    }, f = C(e.testId, u), v = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? "All" : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), o = r(() => {
       if (!e.selectedOption)
         return null;
       if (!e.multi)
@@ -59,21 +59,20 @@ const $ = { class: "content" }, C = {
         "hover-help-text": t.hoverHelpText,
         "hover-help-text-placement": t.hoverHelpTextPlacement,
         disabled: t.disabled,
-        "test-id": t.testId,
-        class: "dropdown-field-label"
+        "test-id": t.testId
       }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
-      r("div", y({
+      s("div", y({
         class: ["dropdown-trigger", [t.size, l(b), { open: t.open, disabled: t.disabled }]]
       }, l(f)[l(u).BUTTON_WRAPPER], {
-        onClick: p[0] || (p[0] = (z) => k())
+        onClick: p[0] || (p[0] = (P) => k())
       }), [
-        r("div", $, [
-          d.$slots.image || l(o) && t.optionImageKey ? (a(), i("div", C, [
+        s("div", $, [
+          d.$slots.image || l(o) && t.optionImageKey ? (a(), i("div", D, [
             h(d.$slots, "image", {}, () => [
               t.optionImageKey ? (a(), i("img", {
                 key: 0,
                 src: l(o)[t.optionImageKey]
-              }, null, 8, D)) : n("", !0)
+              }, null, 8, w)) : n("", !0)
             ], !0)
           ])) : n("", !0),
           d.$slots["icon-start"] || l(o) && t.optionIconKey ? (a(), i("div", H, [
@@ -81,34 +80,33 @@ const $ = { class: "content" }, C = {
               c(l(g), {
                 type: t.optionIconType,
                 name: l(o)[t.optionIconKey],
-                size: "20px"
+                size: "16px"
               }, null, 8, ["type", "name"])
             ], !0)
           ])) : n("", !0),
           c(l(A), y({ variant: "body1" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
             default: x(() => [
-              V(B(l(O)), 1)
+              V(B(l(v)), 1)
             ]),
             _: 1
           }, 16)
         ]),
-        r("div", P, [
+        s("div", null, [
           c(l(g), {
             name: "caret-down",
             size: "20px"
           })
         ])
       ], 16),
-      t.feedbackText ? (a(), m(w, {
+      t.feedbackText ? (a(), m(K, {
         key: 1,
         text: t.feedbackText,
         variant: t.feedbackVariant,
-        "test-id": t.testId,
-        class: "dropdown-field-help-text"
+        "test-id": t.testId
       }, null, 8, ["text", "variant", "test-id"])) : n("", !0)
     ], 64));
   }
 });
 export {
-  W as default
+  M as default
 };

package/components/dropdown/v4/DropdownV4.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerLabel?: string;
     triggerHelperText?: string;
     triggerFeedbackText?: string;
-    triggerFeedbackVariant?: "success" | "warning" | "error";
+    triggerFeedbackVariant?: "error" | "success" | "warning";
     size?: "sm" | "lg";
     mandatory?: boolean;
     predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
@@ -41,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionIconKey?: string;
     optionImageKey?: string;
-    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     valueToCopy?: string;
     theme?: string;
     fullWidth?: boolean;
@@ -123,7 +123,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerLabel?: string;
     triggerHelperText?: string;
     triggerFeedbackText?: string;
-    triggerFeedbackVariant?: "success" | "warning" | "error";
+    triggerFeedbackVariant?: "error" | "success" | "warning";
     size?: "sm" | "lg";
     mandatory?: boolean;
     predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
@@ -137,7 +137,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey?: string;
     optionIconKey?: string;
     optionImageKey?: string;
-    optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     valueToCopy?: string;
     theme?: string;
     fullWidth?: boolean;
@@ -190,25 +190,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClosed?: () => any;
 }, {
     theme: string;
-    disabled: boolean;
     size: "sm" | "lg";
-    flip: boolean;
-    mandatory: boolean;
     testId: string;
-    container: string;
     placement: Placement;
-    distance: number;
+    disabled: boolean;
+    container: string;
     popperClass: string;
     selected: any;
     modelValue: any;
     placeholder: string;
+    mandatory: boolean;
     isOnTop: boolean;
     multi: boolean;
     inlineSearch: boolean;
     noResultsText: string;
     defaultOpen: boolean;
+    distance: number;
     skidding: number;
     onSearch: (option: any, term: string) => boolean;
+    flip: boolean;
     keepOpen: boolean;
     autoSize: boolean;
     disableKeyboardEvents: boolean;
@@ -216,13 +216,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optionNameKey: string;
     optionImageKey: string;
     optionIconKey: string;
-    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     onClear: () => void;
     inlineSearchPlaceholder: string;
     triggerLabel: string;
     triggerHelperText: string;
     triggerFeedbackText: string;
-    triggerFeedbackVariant: "success" | "warning" | "error";
+    triggerFeedbackVariant: "error" | "success" | "warning";
     searchAutoFocus: boolean;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     fullWidth: boolean;

package/components/dropdown/v4/OptionV4.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     nameKey?: string;
     imageKey?: string;
     iconKey?: string;
-    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }>, {
     subtitle: string;
     disabled: boolean;
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     nameKey: any;
     imageKey: any;
     iconKey: any;
-    iconType: string;
+    iconType: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     option?: unknown;
     subtitle?: string;
@@ -32,7 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     nameKey?: string;
     imageKey?: string;
     iconKey?: string;
-    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconType?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }>, {
     subtitle: string;
     disabled: boolean;
@@ -43,18 +43,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     nameKey: any;
     imageKey: any;
     iconKey: any;
-    iconType: string;
+    iconType: any;
 }>>>, {
     option: any;
     disabled: boolean;
-    active: boolean;
     isIndeterminate: boolean;
     subtitle: string;
     selectAllOption: boolean;
+    active: boolean;
     nameKey: string;
     imageKey: string;
     iconKey: string;
-    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
 }>, {
     image?(_: {}): any;
     "icon-start"?(_: {}): any;

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

@@ -1,7 +1,7 @@
 import o from "./OptionV4.vue2.js";
 /* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_d2743070_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-d2743070"]]);
+// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-17d78416"]]);
 export {
   s as default
 };

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

@@ -1,12 +1,12 @@
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_d2743070_lang.css"; import { defineComponent as $, openBlock as n, createElementBlock as o, normalizeClass as y, unref as t, createElementVNode as d, createBlock as k, createCommentVNode as l, renderSlot as m, createVNode as r, withCtx as b, createTextVNode as g, toDisplayString as h, withModifiers as T } from "vue";
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css"; import { defineComponent as $, openBlock as n, createElementBlock as o, normalizeClass as y, unref as t, createElementVNode as d, createBlock as k, createCommentVNode as l, renderSlot as m, createVNode as r, withCtx as b, createTextVNode as g, toDisplayString as h, withModifiers as p } from "vue";
 import "../../typography/Heading.vue.js";
-import p from "../../typography/Text.vue.js";
-import x from "../../checkbox/v4/CheckboxV4.vue.js";
+import N from "../../typography/Text.vue.js";
+import T from "../../checkbox/v4/CheckboxV4.vue.js";
 import v from "../../icon/v4/IconV4.vue.js";
-import { NOOP as z } from "@vue/shared";
-import { optionCommon as N } from "../common/Option.common.js";
-import V from "../../typography/v4/Typography.vue.js";
-const w = {
+import { NOOP as V } from "@vue/shared";
+import { optionCommon as w } from "../common/Option.common.js";
+import x from "../../typography/v4/Typography.vue.js";
+const z = {
   key: 1,
   class: "image"
 }, O = ["src"], S = {
@@ -25,10 +25,10 @@ const w = {
     nameKey: { default: null },
     imageKey: { default: null },
     iconKey: { default: null },
-    iconType: { default: "regular" }
+    iconType: { default: null }
   },
   setup(e) {
-    const K = e, { selected: s, isMulti: c, id: C, onClick: B, api: u } = N(K);
+    const K = e, { selected: s, isMulti: c, id: C, onClick: B, api: u } = w(K);
     return (i, a) => (n(), o("div", {
       ref: "el",
       class: y(["item-container", {
@@ -44,7 +44,7 @@ const w = {
           "item--with-icon": i.$slots["icon-start"] || i.$slots.image
         }])
       }, [
-        t(c) ? (n(), k(t(x), {
+        t(c) ? (n(), k(t(T), {
           key: 0,
           id: t(C).toString(),
           tabindex: "-1",
@@ -52,9 +52,9 @@ const w = {
           size: "sm",
           "is-checked": t(s),
           "is-indeterminate": e.isIndeterminate && !e.option,
-          onClick: a[0] || (a[0] = (f) => e.disabled ? t(z)() : t(B)(f))
+          onClick: a[0] || (a[0] = (f) => e.disabled ? t(V)() : t(B)(f))
         }, null, 8, ["id", "is-checked", "is-indeterminate"])) : l("", !0),
-        i.$slots.image || e.imageKey ? (n(), o("div", w, [
+        i.$slots.image || e.imageKey ? (n(), o("div", z, [
           m(i.$slots, "image", {}, () => [
             e.imageKey ? (n(), o("img", {
               key: 0,
@@ -67,12 +67,12 @@ const w = {
             r(t(v), {
               type: e.iconType,
               name: e.option[e.iconKey],
-              size: e.iconType === "regular" ? "20px" : "16px"
-            }, null, 8, ["type", "name", "size"])
+              size: "16px"
+            }, null, 8, ["type", "name"])
           ], !0)
         ])) : l("", !0),
         d("div", I, [
-          r(t(V), { variant: "body2" }, {
+          r(t(x), { variant: "body2" }, {
             default: b(() => [
               m(i.$slots, "default", {}, () => [
                 g(h(e.option[e.nameKey]), 1)
@@ -80,7 +80,7 @@ const w = {
             ]),
             _: 3
           }),
-          e.subtitle ? (n(), k(t(p), {
+          e.subtitle ? (n(), k(t(N), {
             key: 0,
             class: "subtitle",
             size: "xs"
@@ -95,7 +95,7 @@ const w = {
       t(u).clearable && t(s) ? (n(), o("div", E, [
         d("button", {
           class: "clear-button",
-          onClick: a[1] || (a[1] = T((f) => t(u).clearSelection(), ["prevent", "stop"]))
+          onClick: a[1] || (a[1] = p((f) => t(u).clearSelection(), ["prevent", "stop"]))
         }, [
           r(t(v), {
             name: "close",