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

package/style/v4/spacings.scss

@@ -0,0 +1,19 @@
+.light-theme-v4 {
+  --spacing-tokenset: 0px;
+  --spacing-25: 2px;
+  --spacing-50: 4px;
+  --spacing-75: 6px;
+  --spacing-100: 8px;
+  --spacing-125: 10px;
+  --spacing-150: 12px;
+  --spacing-200: 16px;
+  --spacing-250: 20px;
+  --spacing-300: 24px;
+  --spacing-400: 32px;
+  --spacing-500: 40px;
+  --spacing-600: 48px;
+  --spacing-700: 56px;
+  --spacing-800: 64px;
+  --spacing-900: 72px;
+  --spacing-1000: 80px;
+}

package/style/v4/styleguideV4.scss

@@ -0,0 +1,4 @@
+@import './colors.scss';
+@import './border-radius.scss';
+@import './elevations.scss';
+@import './spacings.scss';

package/utils/style.js

@@ -0,0 +1,5 @@
+import { PX_TO_REM_RATIO as m } from "../consts/style.js";
+const r = (o) => o * m;
+export {
+  r as pxToRem
+};

package/ButtonV4.vue_vue_type_style_index_0_scoped_981897ea_lang.css

@@ -1 +0,0 @@
-.button-wrap[data-v-981897ea]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0}.contained.primary[data-v-981897ea]{color:var(--primary-button-contrast-text);background:var(--primary-main)}.contained.primary[data-v-981897ea]:hover{background:var(--primary-darker)}.contained.primary[data-v-981897ea]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.default[data-v-981897ea]{color:var(--default-button-contrast-text);background:var(--default-main)}.contained.default[data-v-981897ea]:hover{background:var(--default-light)}.contained.default[data-v-981897ea]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.danger[data-v-981897ea]{color:var(--error-button-contrast-text);background:var(--error-main)}.contained.danger[data-v-981897ea]:hover{background:var(--error-dark)}.contained.danger[data-v-981897ea]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.info[data-v-981897ea]{color:var(--info-button-contrast-text);background:var(--info-main)}.contained.info[data-v-981897ea]:hover{background:var(--info-dark)}.contained.info[data-v-981897ea]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.success[data-v-981897ea]{color:var(--success-button-contrast-text);background:var(--success-main)}.contained.success[data-v-981897ea]:hover{background:var(--success-dark)}.contained.success[data-v-981897ea]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.warning[data-v-981897ea]{color:var(--warning-button-contrast-text);background:var(--warning-main)}.contained.warning[data-v-981897ea]:hover{background:var(--warning-dark)}.contained.warning[data-v-981897ea]:disabled{color:var(--text-disabled);background:var(--action-disabled-background);opacity:1}.contained.loading[data-v-981897ea],.contained.loading[data-v-981897ea]:hover{background:var(--action-disabled-background)}.outlined.primary[data-v-981897ea]{color:var(--primary-main);background:var(--common-white);border:1px solid var(--primary-main)}.outlined.primary[data-v-981897ea]:hover{background:var(--primary-lighter)}.outlined.primary[data-v-981897ea]:disabled{color:var(--text-disabled);background:var(--common-white);border:1px solid var(--default-outlined-border);opacity:1}.outlined.default[data-v-981897ea]{color:var(--text-primary);background:var(--common-white);border:1px solid var(--default-outlined-border)}.outlined.default[data-v-981897ea]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.outlined.default[data-v-981897ea]:disabled{color:var(--text-disabled);background:var(--common-white);border:1px solid var(--default-outlined-border);opacity:1}.outlined.danger[data-v-981897ea]{color:var(--error-main);background:var(--common-white);border:1px solid var(--error-main)}.outlined.danger[data-v-981897ea]:hover{background:var(--error-lighter)}.outlined.danger[data-v-981897ea]:disabled{color:var(--text-disabled);background:var(--common-white);border:1px solid var(--default-outlined-border);opacity:1}.outlined.info[data-v-981897ea]{color:var(--info-main);background:var(--common-white);border:1px solid var(--info-main)}.outlined.info[data-v-981897ea]:hover{background:var(--info-lighter)}.outlined.info[data-v-981897ea]:disabled{color:var(--text-disabled);background:var(--common-white);border:1px solid var(--default-outlined-border);opacity:1}.outlined.success[data-v-981897ea]{color:var(--success-main);background:var(--common-white);border:1px solid var(--success-main)}.outlined.success[data-v-981897ea]:hover{background:var(--success-lighter)}.outlined.success[data-v-981897ea]:disabled{color:var(--text-disabled);background:var(--common-white);border:1px solid var(--default-outlined-border);opacity:1}.outlined.warning[data-v-981897ea]{color:var(--warning-darker);background:var(--common-white);border:1px solid var(--warning-darker)}.outlined.warning[data-v-981897ea]:hover{background:var(--warning-lighter)}.outlined.warning[data-v-981897ea]:disabled{color:var(--text-disabled);background:var(--common-white);border:1px solid var(--default-outlined-border);opacity:1}.outlined.loading[data-v-981897ea],.outlined.loading[data-v-981897ea]:hover{border:1px solid var(--common-divider);background:var(--action-disabled-background)}.text[data-v-981897ea]{background:transparent}.text.primary[data-v-981897ea]{color:var(--primary-main)}.text.primary[data-v-981897ea]:hover{background:var(--primary-lighter)}.text.primary[data-v-981897ea]:disabled{color:var(--text-disabled);opacity:1}.text.default[data-v-981897ea]{color:var(--text-primary)}.text.default[data-v-981897ea]:hover{background:var(--action-hover)}.text.default[data-v-981897ea]:disabled{color:var(--text-disabled);opacity:1}.text.danger[data-v-981897ea]{color:var(--error-main)}.text.danger[data-v-981897ea]:hover{background:var(--error-lighter)}.text.danger[data-v-981897ea]:disabled{color:var(--text-disabled);opacity:1}.text.info[data-v-981897ea]{color:var(--info-main)}.text.info[data-v-981897ea]:hover{background:var(--info-lighter)}.text.info[data-v-981897ea]:disabled{color:var(--text-disabled);opacity:1}.text.success[data-v-981897ea]{color:var(--success-main)}.text.success[data-v-981897ea]:hover{background:var(--success-lighter)}.text.success[data-v-981897ea]:disabled{color:var(--text-disabled);opacity:1}.text.warning[data-v-981897ea]{color:var(--warning-darker)}.text.warning[data-v-981897ea]:hover{background:var(--warning-lighter)}.text.warning[data-v-981897ea]:disabled{color:var(--text-disabled);opacity:1}.text.loading[data-v-981897ea],.text.loading[data-v-981897ea]:hover{border:0;background:transparent}.small[data-v-981897ea]{padding:2px 6px}.small.outlined[data-v-981897ea]{padding:1px 5px}.medium[data-v-981897ea]{padding:4px 8px}.medium.outlined[data-v-981897ea]{padding:3px 7px}.large[data-v-981897ea]{padding:10px 12px}.large.outlined[data-v-981897ea]{padding:9px}.extraLarge[data-v-981897ea]{padding:12px 14px}.extraLarge.outlined[data-v-981897ea]{padding:11px 13px}.small[data-v-981897ea],.medium[data-v-981897ea],.large[data-v-981897ea],.extraLarge[data-v-981897ea]{height:auto}.flex[data-v-981897ea]{display:flex;align-items:center}.start-icon[data-v-981897ea]{margin-right:8px}.end-icon[data-v-981897ea]{margin-left:8px}.loading.with-start-icon .content-with-icon[data-v-981897ea]{padding-left:22px}.loading.with-end-icon .content-with-icon[data-v-981897ea]{padding-right:22px}

package/Checkbox.vue_vue_type_style_index_0_scoped_03174f1a_lang.css

@@ -1 +0,0 @@
-.label[data-v-03174f1a]{color:#41454d}.checkbox[data-v-03174f1a]{color:#3083ff;position:relative;cursor:pointer;display:flex;align-items:center;user-select:none;line-height:0}.checkbox.focus-visible .checkbox__inner[data-v-03174f1a]{outline:solid;border-radius:4px}.checkboxes[data-v-03174f1a]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;line-height:0;margin:0;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;border-radius:50%}.input[data-v-03174f1a]{z-index:-1;cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.checkbox__inner[data-v-03174f1a]{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0}.checkbox-icon.unchecked[data-v-03174f1a]{color:#a9afb4}.disabled[data-v-03174f1a]{cursor:default;color:#d2d5d8}.disabled .checkbox-text[data-v-03174f1a]{color:#8e959d}.checkbox-container[data-v-03174f1a]{display:flex}.checkbox-unchecked[data-v-03174f1a]{color:#a9afb4}.checkbox-text[data-v-03174f1a]{margin-left:.5rem;color:#53575b}

package/commonCssVariables.scss

@@ -1,4 +0,0 @@
-@import "./v4/colors.css";
-@import "./v4/border-radius.css";
-@import "./v4/elevations.css";
-@import "./v4/spacings.css";

package/components/appIcon/AppIcon.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./AppIcon.vue.vue2.js";
-/* empty css                  */import p from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const c = /* @__PURE__ */ p(o, [["__scopeId", "data-v-56ba337c"]]);
-export {
-  c as default
-};

package/components/appIcon/AppIcon.vue.vue2.js

@@ -1,35 +0,0 @@
-import { defineComponent as s, openBlock as c, createElementBlock as o, normalizeClass as a, createElementVNode as t, pushScopeId as n, popScopeId as i } from "vue";
-const l = (e) => (n("data-v-56ba337c"), e = e(), i(), e), p = ["src"], r = /* @__PURE__ */ l(() => /* @__PURE__ */ t("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "100%",
-  height: "100%",
-  viewBox: "0 0 120 120",
-  preserveAspectRatio: "none",
-  class: "squircle-mask"
-}, [
-  /* @__PURE__ */ t("path", {
-    d: "M120 0v120H60c48 0 60-12 60-60S108 0 60 0 0 12 0 60s12 60 60 60H0V0h120z",
-    fill: "white",
-    fillRule: "evenodd"
-  })
-], -1)), u = /* @__PURE__ */ s({
-  __name: "AppIcon",
-  props: {
-    size: { default: "md" },
-    src: { default: "" }
-  },
-  setup(e) {
-    return (d, h) => (c(), o("span", {
-      class: a(["application-icon", `icon-${e.size}`])
-    }, [
-      t("img", {
-        src: e.src,
-        alt: ""
-      }, null, 8, p),
-      r
-    ], 2));
-  }
-});
-export {
-  u as default
-};

package/components/appIcon/index.vue.js

@@ -1,6 +0,0 @@
-import p from "./AppIcon.vue.vue.js";
-const c = () => [p];
-export {
-  p as AppIcon,
-  c as AppIconTypes
-};

package/components/appTrigger/AppTrigger.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./AppTrigger.vue.vue2.js";
-/* empty css                     */import r from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1f032e0b"]]);
-export {
-  f as default
-};

package/components/appTrigger/AppTrigger.vue.vue2.js

@@ -1,121 +0,0 @@
-import { defineComponent as w, computed as t, openBlock as g, createElementBlock as L, normalizeClass as S, unref as e, renderSlot as c, createElementVNode as f, createBlock as v, createCommentVNode as D, createVNode as s, withCtx as p, createTextVNode as z, toDisplayString as N } from "vue";
-import V from "../appIcon/AppIcon.vue.vue.js";
-import { AppTriggerTestIdModifiers as o } from "../../testids/index.vue.js";
-/* empty css                              */import O from "../typography/Text.vue.vue.js";
-import T from "../icon/Icon.vue.vue.js";
-/* empty css                            */import X from "../button/v3/IconButton.vue.vue.js";
-import k from "../tooltip/Tooltip.vue.vue.js";
-/* empty css                           *//* empty css                                  */const b = ["data-testid"], G = { class: "app-trigger__left-image" }, ee = /* @__PURE__ */ w({
-  __name: "AppTrigger",
-  props: {
-    selected: { default: null },
-    options: { default: null },
-    loading: { type: Boolean, default: !1 },
-    singleAppSelection: { type: Boolean, default: !1 },
-    testId: { default: "" }
-  },
-  setup(l) {
-    const n = l, y = "All apps selected", B = "No apps to select", $ = t(() => n.singleAppSelection && h.value ? B : n.singleAppSelection && u.value ? `${i.value?.name}` : m.value ? y : u.value ? `${i.value?.name}` : `${a.value} apps selected`), C = "widgetsz", x = "cube-background", P = t(
-      () => n.singleAppSelection && h.value ? x : C
-    ), I = t(() => !m.value || n.singleAppSelection && u.value ? i.value.platform.toLowerCase() : null), _ = t(() => !a.value || !r.value ? "" : i.value?.icon), A = t(() => n.loading ? "" : u.value ? i.value.appKey : m.value ? R.value : a.value <= 0 ? `${i.value?.name}` : `${i.value?.name} and ${a.value - 1}+`), a = t(() => n.selected?.length || 0), r = t(() => n.options?.length || 0), u = t(() => a.value === 1), h = t(() => r.value === 0), m = t(() => n.loading || r.value === a.value || !a.value), R = t(() => r.value === 1 ? `${E.value?.name}` : `${E.value?.name} and ${r.value - 1}+`), i = t(() => n.selected?.[0]), E = t(() => n.options?.[0]);
-    return (d, M) => (g(), L("div", {
-      class: S(["app-trigger", {
-        "app-trigger--with-icons": e(a) > 0 || e(m)
-      }]),
-      "data-testid": `${l.testId}-${e(o).WRAPPER}`
-    }, [
-      c(d.$slots, "left-image", {}, () => [
-        f("div", G, [
-          e(_) ? (g(), v(e(V), {
-            key: 0,
-            size: "xl",
-            src: e(_)
-          }, null, 8, ["src"])) : (g(), v(e(T), {
-            key: 1,
-            class: "trigger-icon",
-            "font-size": "2rem",
-            name: e(P)
-          }, null, 8, ["name"]))
-        ])
-      ], !0),
-      c(d.$slots, "left-icon", {}, () => [
-        e(I) ? (g(), v(e(T), {
-          key: 0,
-          class: "app-trigger__left-icon",
-          name: e(I),
-          "font-size": "md"
-        }, null, 8, ["name"])) : D("", !0)
-      ], !0),
-      f("div", {
-        class: S(["app-trigger__middle-section", {
-          "app-trigger__middle-section--single": e(u),
-          "app-trigger__middle-section--loading": l.loading || !l.options?.length
-        }])
-      }, [
-        c(d.$slots, "title", {}, () => [
-          s(e(k), {
-            text: e($),
-            "data-testid": `${l.testId}-${e(o).TITLE_TOOLTIP_TEXT}`
-          }, {
-            default: p(() => [
-              s(e(O), {
-                strong: "",
-                class: "title",
-                "is-truncated": "",
-                size: "sm",
-                "test-id": `${l.testId}-${e(o).TITLE_TEXT}`
-              }, {
-                default: p(() => [
-                  z(N(e($)), 1)
-                ]),
-                _: 1
-              }, 8, ["test-id"])
-            ]),
-            _: 1
-          }, 8, ["text", "data-testid"])
-        ], !0),
-        c(d.$slots, "description", {}, () => [
-          f("div", null, [
-            s(e(k), {
-              text: e(A),
-              "data-testid": `${l.testId}-${e(o).DESCRIPTION_TOOLTIP_TEXT}`
-            }, {
-              default: p(() => [
-                s(e(O), {
-                  class: "app-trigger__description",
-                  size: "xs",
-                  "is-truncated": "",
-                  "test-id": `${l.testId}-${e(o).DESCRIPTION_TEXT}`
-                }, {
-                  default: p(() => [
-                    z(N(e(A)), 1)
-                  ]),
-                  _: 1
-                }, 8, ["test-id"])
-              ]),
-              _: 1
-            }, 8, ["text", "data-testid"])
-          ])
-        ], !0)
-      ], 2),
-      c(d.$slots, "right-icon", {}, () => [
-        s(e(X), {
-          class: "app-trigger__right-icon",
-          theme: "third",
-          "data-testid": `${l.testId}-${e(o).TRIGGER_BUTTON}`
-        }, {
-          default: p(() => [
-            s(e(T), {
-              "font-size": "sm",
-              name: "angle-down"
-            })
-          ]),
-          _: 1
-        }, 8, ["data-testid"])
-      ], !0)
-    ], 10, b));
-  }
-});
-export {
-  ee as default
-};

package/components/appTrigger/index.vue.js

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

package/components/autocompleteDropdown/AutocompleteDropdown.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./AutocompleteDropdown.vue.vue2.js";
-/* empty css                               */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-214ddaf4"]]);
-export {
-  a as default
-};

package/components/autocompleteDropdown/AutocompleteDropdown.vue.vue2.js

@@ -1,119 +0,0 @@
-import { defineComponent as x, ref as d, computed as f, watch as G, nextTick as w, openBlock as O, createBlock as g, unref as s, mergeProps as L, withModifiers as N, withCtx as p, createVNode as P, renderSlot as k, createTextVNode as b, toDisplayString as B } from "vue";
-import C from "../dropdown/v3/Dropdown.vue.vue.js";
-/* empty css                              *//* empty css                           *//* empty css                     *//* empty css                             */import "@vue/shared";
-/* empty css                                  *//* empty css                                 *//* empty css                            *//* empty css                                   *//* empty css                                *//* empty css                                       */import "floating-vue";
-/* empty css                           *//* empty css                                  *//* empty css                                       */import E from "./GroupOption.vue.vue.js";
-import K from "./AutocompleteInput.vue.vue.js";
-import { DEFAULT_PLACEHOLDER as U, GROUP_OPTION_FLAG as T } from "./consts.vue.js";
-import { useKeyboardNavigation as $ } from "./useKeyboardNavigation.vue.js";
-const ue = /* @__PURE__ */ x({
-  __name: "AutocompleteDropdown",
-  props: {
-    options: { default: () => [] },
-    selected: { default: () => [] },
-    placeholder: { default: U },
-    displayValue: { type: Function, default: (l) => l.toString() },
-    handleSearch: { type: Function, default: () => !0 },
-    grouped: { type: Boolean, default: !1 },
-    testId: { default: "" }
-  },
-  emits: ["update:selected"],
-  setup(l, { emit: I }) {
-    const r = l, m = d(null), a = d(null), n = f({
-      get() {
-        return r.selected;
-      },
-      set(e) {
-        I("update:selected", e);
-      }
-    });
-    function F(e) {
-      n.value.push(e), m.value.focusInput();
-    }
-    function R(e) {
-      n.value.splice(n.value.indexOf(e), 1);
-    }
-    async function v() {
-      await w(), setTimeout(() => {
-        a?.value?.scrollTo(0);
-      });
-    }
-    const y = d(""), i = (e) => e && !!e[T], D = f(() => r.grouped ? r.options.reduce((e, o) => {
-      const { options: t = [], ...u } = o, A = {
-        ...u,
-        [T]: !0
-      };
-      return [...e, A, ...t];
-    }, []) : r.options), h = f(() => {
-      const e = D.value.filter((o) => !n.value.includes(o)).filter((o) => i(o) ? !0 : r.handleSearch(o, y.value));
-      return r.grouped ? e.filter((o, t) => {
-        const u = e[t + 1];
-        return i(o) ? u && !i(u) : !0;
-      }) : e;
-    }), { isFocused: S, keyDownHandler: V } = $({
-      options: h,
-      canFocus: (e) => !i(e),
-      scrollTo: (e) => a?.value?.scrollTo(e),
-      selectItem: (e) => {
-        a?.value?.selectItem(e), v();
-      }
-    }), c = d(0);
-    return G(r.selected, async () => {
-      c.value += 1, await w(), c.value = 0;
-    }), (e, o) => (O(), g(s(C), L({
-      ref_key: "dropdownRef",
-      ref: a,
-      class: "autocomplete-dropdown"
-    }, e.$attrs, {
-      selected: s(n),
-      options: s(h),
-      "on-search": () => !0,
-      "display-value": l.displayValue,
-      "keep-open": "",
-      "is-on-top": !1,
-      multi: !1,
-      "show-select-all": !1,
-      "auto-size": "",
-      distance: c.value,
-      "disable-keyboard-events": "",
-      "test-id": l.testId,
-      onOpened: v,
-      onKeydown: N(s(V), ["stop"]),
-      "onUpdate:selected": F
-    }), {
-      input: p(() => [
-        P(K, {
-          ref_key: "inputRef",
-          ref: m,
-          value: s(n),
-          placeholder: l.placeholder,
-          "display-value": l.displayValue,
-          "test-id": l.testId,
-          onRemove: R,
-          onSearch: o[0] || (o[0] = (t) => y.value = t)
-        }, {
-          option: p(({ option: t }) => [
-            k(e.$slots, "input-option", { option: t }, void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["value", "placeholder", "display-value", "test-id"])
-      ]),
-      default: p(({ option: t }) => [
-        l.grouped && i(t) ? (O(), g(E, { key: 0 }, {
-          default: p(() => [
-            b(B(l.displayValue(t)), 1)
-          ]),
-          _: 2
-        }, 1024)) : k(e.$slots, "default", {
-          key: 1,
-          option: t,
-          active: s(S)(t)
-        }, void 0, !0)
-      ]),
-      _: 3
-    }, 16, ["selected", "options", "on-search", "display-value", "distance", "test-id", "onKeydown"]));
-  }
-});
-export {
-  ue as default
-};

package/components/autocompleteDropdown/AutocompleteInput.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./AutocompleteInput.vue.vue2.js";
-/* empty css                            */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3c232515"]]);
-export {
-  c as default
-};

package/components/autocompleteDropdown/AutocompleteInput.vue.vue2.js

@@ -1,79 +0,0 @@
-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.vue.js";
-import N from "../typography/Text.vue.vue.js";
-import { useDropdownContext as P } from "../dropdown/common/DropdownContext.vue.js";
-import { DEFAULT_PLACEHOLDER as R } from "./consts.vue.js";
-import { AutocompleteInputTestIdModifiers as c } from "../../testids/index.vue.js";
-const z = ["data-testid", "onClick"], b = ["data-testid"], q = ["value", "placeholder", "data-testid"], J = /* @__PURE__ */ k({
-  __name: "AutocompleteInput",
-  props: {
-    value: { default: () => [] },
-    displayValue: { type: Function, default: (t) => t.toString() },
-    placeholder: { default: R },
-    testId: { default: "" }
-  },
-  emits: ["remove", "search"],
-  setup(t, { expose: v, emit: i }) {
-    const C = t, o = P("autocompleteInput"), r = y(null), d = $(() => o.open.value), E = (e) => C.displayValue(e);
-    function I() {
-      o.toggle(!0), l();
-    }
-    const _ = (e) => {
-      const { value: p } = e.target;
-      o.toggle(!0), o.search(p);
-    };
-    function g(e) {
-      i("remove", e), d.value && l();
-    }
-    L(o.query, (e) => {
-      i("search", e);
-    });
-    function l() {
-      r.value?.focus();
-    }
-    return v({
-      focusInput: l
-    }), (e, p) => (u(), s("div", {
-      class: A(["autocomplete-input", { "autocomplete-input--focused": n(d) }]),
-      "data-testid": `${t.testId}-${n(c).WRAPPER}`,
-      onClick: f(I, ["stop"])
-    }, [
-      (u(!0), s(D, null, O(t.value, (a, m) => (u(), s("div", {
-        key: m,
-        "data-testid": `${t.testId}-${n(c).SELECTED_OPTION}-${m}`,
-        class: "autocomplete-input__option"
-      }, [
-        S(e.$slots, "option", { option: a }, () => [
-          h(N, {
-            size: "sm",
-            "is-truncated": ""
-          }, {
-            default: T(() => [
-              x(V(E(a)), 1)
-            ]),
-            _: 2
-          }, 1024)
-        ], !0),
-        h(n(F), {
-          class: "autocomplete-input__close-icon",
-          name: "close-bold",
-          "font-size": "sm",
-          onClick: f((B) => g(a), ["stop"])
-        }, null, 8, ["onClick"])
-      ], 8, b))), 128)),
-      w("input", {
-        ref_key: "inputEl",
-        ref: r,
-        class: "autocomplete-input__search-field",
-        type: "text",
-        value: n(o).query.value,
-        placeholder: t.placeholder,
-        "data-testid": `${t.testId}-${n(c).SEARCH_FIELD}`,
-        onInput: _
-      }, null, 40, q)
-    ], 10, z));
-  }
-});
-export {
-  J as default
-};

package/components/autocompleteDropdown/GroupOption.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./GroupOption.vue.vue2.js";
-/* empty css                      */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8aae9eb9"]]);
-export {
-  e as default
-};

package/components/autocompleteDropdown/GroupOption.vue.vue2.js

@@ -1,34 +0,0 @@
-import { defineComponent as u, ref as m, onMounted as f, onUnmounted as l, openBlock as d, createElementBlock as a, withModifiers as c, unref as o, createVNode as _, withCtx as O, renderSlot as g } from "vue";
-import { NOOP as n } from "@vue/shared";
-/* empty css                              */import k from "../typography/Text.vue.vue.js";
-import { useDropdownContext as x } from "../dropdown/common/DropdownContext.vue.js";
-import { useId as C } from "../../composables/useId.vue.js";
-const y = /* @__PURE__ */ u({
-  __name: "GroupOption",
-  setup(v) {
-    const e = x("GroupOption"), t = C().value, i = m(null);
-    return f(() => e.registerOption(t, !0, !1)), l(() => e.unRegisterOption(t)), (p, r) => (d(), a("div", {
-      ref_key: "el",
-      ref: i,
-      class: "group-option",
-      onClick: r[0] || (r[0] = c(
-        //@ts-ignore
-        (...s) => o(n) && o(n)(...s),
-        ["stop"]
-      ))
-    }, [
-      _(o(k), {
-        size: "md",
-        strong: ""
-      }, {
-        default: O(() => [
-          g(p.$slots, "default", {}, void 0, !0)
-        ]),
-        _: 3
-      })
-    ], 512));
-  }
-});
-export {
-  y as default
-};

package/components/autocompleteDropdown/index.vue.js

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

package/components/banner/Banner.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./Banner.vue.vue2.js";
-/* empty css                 */import r from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c487d53b"]]);
-export {
-  p as default
-};

package/components/banner/Banner.vue.vue2.js

@@ -1,58 +0,0 @@
-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.vue.js";
-import { BannerTestIdModifiers as r } from "../../testids/index.vue.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({
-  __name: "Banner",
-  props: {
-    type: {
-      type: String,
-      default: "info"
-    },
-    iconSize: {
-      type: String,
-      default: "md"
-    },
-    testId: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(t) {
-    const p = t, o = m(() => `${p.type}`);
-    return (n, B) => (a(), u("div", {
-      class: d(["banner", `banner-type-${t.type}`])
-    }, [
-      v,
-      s("div", {
-        class: "content-wrapper",
-        "data-testid": `${t.testId}-${e(r).WRAPPER}`
-      }, [
-        s("div", k, [
-          n.$slots.icon ? (a(), i(e(l), {
-            key: 0,
-            class: d(e(o))
-          }, {
-            default: y(() => [
-              c(n.$slots, "icon", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["class"])) : (a(), i(e(l), {
-            key: 1,
-            name: e(o),
-            class: d(e(o)),
-            "font-size": t.iconSize
-          }, null, 8, ["name", "class", "font-size"]))
-        ]),
-        s("div", {
-          class: "content",
-          "data-testid": `${t.testId}-${e(r).CONTENT}`
-        }, [
-          c(n.$slots, "default", {}, void 0, !0)
-        ], 8, z)
-      ], 8, I)
-    ], 2));
-  }
-});
-export {
-  E as default
-};

package/components/banner/index.vue.js

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

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

@@ -1,6 +0,0 @@
-import o from "./ButtonBase.vue.vue3.js";
-/* empty css                    */import t from "../../../_virtual/_plugin-vue_export-helper.vue.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c3761a2a"]]);
-export {
-  p as default
-};

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

@@ -1,53 +0,0 @@
-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";
-/* empty css                                 */import h from "../../typography/Text.vue.vue.js";
-import B from "../../icon/Icon.vue.vue.js";
-import { sizeToFont as y } from "../consts.vue.js";
-import x from "../icon/LoaderDotsIcon.vue.vue.js";
-const k = { key: 0 }, W = /* @__PURE__ */ p({
-  __name: "ButtonBase",
-  props: {
-    size: { default: "md" },
-    variant: { default: "solid" },
-    theme: { default: "primary" },
-    loading: { type: Boolean, default: !1 },
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean, default: !0 }
-  },
-  setup(e) {
-    const r = e, u = 32, c = 24, f = l(
-      () => r.size === "lg" ? u + "px" : c + "px"
-    ), g = l(() => y[r.size]);
-    return (t, I) => (s(), i("button", z({
-      class: [[e.size, e.theme, e.variant, { loading: e.loading }], "button-wrap"]
-    }, t.$attrs), [
-      e.loading ? m("", !0) : (s(), i("span", k, [
-        n(t.$slots, "content", {}, () => [
-          a(o(h), {
-            size: o(g),
-            strong: e.strong,
-            class: "content"
-          }, {
-            default: d(() => [
-              n(t.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["size", "strong"])
-        ], !0)
-      ])),
-      e.loading ? n(t.$slots, "loader", { key: 1 }, () => [
-        a(o(B), {
-          "font-size": o(f),
-          class: "loading"
-        }, {
-          default: d(() => [
-            a(x)
-          ]),
-          _: 1
-        }, 8, ["font-size"])
-      ], !0) : m("", !0)
-    ], 16));
-  }
-});
-export {
-  W as default
-};