@ironsource/shared-ui 2.0.0-rc.1 → 2.0.0-rc.3

package/components/icon/{icons → v3/icons}/Warning2.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../Warning2.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../../Warning2.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/v3/icons/Warning3.vue.js

@@ -0,0 +1,27 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../../Warning3.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _hoisted_1 = {
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /*#__PURE__*/createElementVNode("g", null, [
+  /*#__PURE__*/createElementVNode("path", {
+    d: "M14.8002 11.7556L9.33456 2.26373C9.19798 2.03118 9.00299 1.83837 8.76894 1.70439C8.53488 1.57042 8.26987 1.49994 8.00018 1.49994C7.73049 1.49994 7.46549 1.57042 7.23143 1.70439C6.99737 1.83837 6.80239 2.03118 6.66581 2.26373L1.20018 11.7556C1.06877 11.9805 0.999512 12.2364 0.999512 12.4969C0.999512 12.7574 1.06877 13.0132 1.20018 13.2381C1.33501 13.4721 1.52966 13.6659 1.76416 13.7998C1.99865 13.9337 2.26455 14.0028 2.53456 14H13.4658C13.7356 14.0026 14.0012 13.9334 14.2355 13.7995C14.4698 13.6656 14.6642 13.4719 14.7989 13.2381C14.9305 13.0133 15 12.7575 15.0002 12.497C15.0004 12.2365 14.9314 11.9806 14.8002 11.7556ZM7.50018 6.49998C7.50018 6.36737 7.55286 6.24019 7.64663 6.14643C7.7404 6.05266 7.86757 5.99998 8.00018 5.99998C8.13279 5.99998 8.25997 6.05266 8.35374 6.14643C8.4475 6.24019 8.50018 6.36737 8.50018 6.49998V8.99998C8.50018 9.13259 8.4475 9.25977 8.35374 9.35353C8.25997 9.4473 8.13279 9.49998 8.00018 9.49998C7.86757 9.49998 7.7404 9.4473 7.64663 9.35353C7.55286 9.25977 7.50018 9.13259 7.50018 8.99998V6.49998ZM8.00018 12C7.85185 12 7.70684 11.956 7.5835 11.8736C7.46017 11.7912 7.36404 11.674 7.30727 11.537C7.25051 11.3999 7.23565 11.2491 7.26459 11.1037C7.29353 10.9582 7.36496 10.8245 7.46985 10.7197C7.57474 10.6148 7.70838 10.5433 7.85386 10.5144C7.99935 10.4855 8.15015 10.5003 8.28719 10.5571C8.42424 10.6138 8.54137 10.71 8.62378 10.8333C8.7062 10.9566 8.75018 11.1016 8.75018 11.25C8.75018 11.4489 8.67116 11.6397 8.53051 11.7803C8.38986 11.921 8.19909 12 8.00018 12Z",
+    fill: "currentColor"
+  })
+], -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
+}
+var Warning3 = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { Warning3 as default };

package/components/icon/v3/icons/WarningCircle.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/v3/icons/WarningCircle.vue.js

@@ -0,0 +1,27 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../../WarningCircle.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _hoisted_1 = {
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /*#__PURE__*/createElementVNode("g", null, [
+  /*#__PURE__*/createElementVNode("path", {
+    d: "M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM7.5 5C7.5 4.86739 7.55268 4.74021 7.64645 4.64645C7.74022 4.55268 7.86739 4.5 8 4.5C8.13261 4.5 8.25979 4.55268 8.35356 4.64645C8.44732 4.74021 8.5 4.86739 8.5 5V8.5C8.5 8.63261 8.44732 8.75979 8.35356 8.85355C8.25979 8.94732 8.13261 9 8 9C7.86739 9 7.74022 8.94732 7.64645 8.85355C7.55268 8.75979 7.5 8.63261 7.5 8.5V5ZM8 11.5C7.85167 11.5 7.70666 11.456 7.58333 11.3736C7.45999 11.2912 7.36386 11.1741 7.30709 11.037C7.25033 10.9 7.23548 10.7492 7.26441 10.6037C7.29335 10.4582 7.36478 10.3246 7.46967 10.2197C7.57456 10.1148 7.7082 10.0434 7.85368 10.0144C7.99917 9.98547 8.14997 10.0003 8.28701 10.0571C8.42406 10.1139 8.54119 10.21 8.6236 10.3333C8.70602 10.4567 8.75 10.6017 8.75 10.75C8.75 10.9489 8.67098 11.1397 8.53033 11.2803C8.38968 11.421 8.19892 11.5 8 11.5Z",
+    fill: "currentColor"
+  })
+], -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
+}
+var WarningCircle = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { WarningCircle as default };

package/components/icon/v3/icons/WarningOctagon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/v3/icons/WarningOctagon.vue.js

@@ -0,0 +1,27 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../../WarningOctagon.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _hoisted_1 = {
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /*#__PURE__*/createElementVNode("g", null, [
+  /*#__PURE__*/createElementVNode("path", {
+    d: "M14.2069 5.01438L10.9856 1.79313C10.7975 1.60616 10.5433 1.50084 10.2781 1.5H5.72188C5.45667 1.50084 5.20247 1.60616 5.01438 1.79313L1.79313 5.01438C1.60616 5.20247 1.50084 5.45667 1.5 5.72188V10.2781C1.50084 10.5433 1.60616 10.7975 1.79313 10.9856L5.01438 14.2069C5.20247 14.3938 5.45667 14.4992 5.72188 14.5H10.2781C10.5433 14.4992 10.7975 14.3938 10.9856 14.2069L14.2069 10.9856C14.3938 10.7975 14.4992 10.5433 14.5 10.2781V5.72188C14.4992 5.45667 14.3938 5.20247 14.2069 5.01438ZM7.5 5C7.5 4.86739 7.55268 4.74022 7.64645 4.64645C7.74022 4.55268 7.86739 4.5 8 4.5C8.13261 4.5 8.25979 4.55268 8.35355 4.64645C8.44732 4.74022 8.5 4.86739 8.5 5V8.5C8.5 8.63261 8.44732 8.75979 8.35355 8.85355C8.25979 8.94732 8.13261 9 8 9C7.86739 9 7.74022 8.94732 7.64645 8.85355C7.55268 8.75979 7.5 8.63261 7.5 8.5V5ZM8 11.5C7.85166 11.5 7.70666 11.456 7.58332 11.3736C7.45999 11.2912 7.36386 11.1741 7.30709 11.037C7.25033 10.9 7.23547 10.7492 7.26441 10.6037C7.29335 10.4582 7.36478 10.3246 7.46967 10.2197C7.57456 10.1148 7.7082 10.0434 7.85368 10.0144C7.99917 9.98547 8.14997 10.0003 8.28701 10.0571C8.42406 10.1139 8.54119 10.21 8.6236 10.3333C8.70601 10.4567 8.75 10.6017 8.75 10.75C8.75 10.9489 8.67098 11.1397 8.53033 11.2803C8.38968 11.421 8.19891 11.5 8 11.5Z",
+    fill: "currentColor"
+  })
+], -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
+}
+var WarningOctagon = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { WarningOctagon as default };

package/components/icon/v3/icons/WebApp.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/{icons → v3/icons}/WebApp.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../WebApp.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../../WebApp.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/v3/icons/Widget.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/{icons → v3/icons}/Widget.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, Fragment, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../Widget.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../../Widget.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = /*#__PURE__*/createElementVNode("path", {

package/components/icon/v3/icons/Widgets.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/{icons → v3/icons}/Widgets.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../Widgets.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../../Widgets.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/v3/icons/WidgetsFill.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/{icons → v3/icons}/WidgetsFill.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../WidgetsFill.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../../WidgetsFill.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/v3/icons/WidgetsFlatSquares.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/{icons → v3/icons}/WidgetsFlatSquares.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../WidgetsFlatSquares.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../../WidgetsFlatSquares.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/v3/icons/Widgetsz.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/{icons → v3/icons}/Widgetsz.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../Widgetsz.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../../Widgetsz.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/v3/icons/WifiProtectedSetup.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/{icons → v3/icons}/WifiProtectedSetup.vue.js

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.vue.js';
 
-////import "../../WifiProtectedSetup.vue_vue_type_style_index_0_scoped_true_lang.css";
+////import "../../../WifiProtectedSetup.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _sfc_main = {};
 
 const _hoisted_1 = {

package/components/icon/{icons → v3/icons}/index.d.ts

@@ -659,4 +659,31 @@ export declare const icons: {
     'two-tone-native-ad': {
         fileName: string;
     };
+    question: {
+        fileName: string;
+    };
+    'info-v4': {
+        fileName: string;
+    };
+    'check-v4': {
+        fileName: string;
+    };
+    'warning-circle': {
+        fileName: string;
+    };
+    'eye-v4': {
+        fileName: string;
+    };
+    'eye-slash': {
+        fileName: string;
+    };
+    'warning-v4': {
+        fileName: string;
+    };
+    'check-circle': {
+        fileName: string;
+    };
+    'warning-octagon': {
+        fileName: string;
+    };
 };

package/components/icon/{icons → v3/icons}/index.vue.js

@@ -658,6 +658,33 @@ const icons = {
   },
   "two-tone-native-ad": {
     fileName: "TwoToneNativeAd"
+  },
+  question: {
+    fileName: "Question"
+  },
+  "info-v4": {
+    fileName: "Info2"
+  },
+  "check-v4": {
+    fileName: "Check2"
+  },
+  "warning-circle": {
+    fileName: "WarningCircle"
+  },
+  "eye-v4": {
+    fileName: "Eye2"
+  },
+  "eye-slash": {
+    fileName: "EyeSlash"
+  },
+  "warning-v4": {
+    fileName: "Warning3"
+  },
+  "check-circle": {
+    fileName: "CheckCircle"
+  },
+  "warning-octagon": {
+    fileName: "WarningOctagon"
   }
 };
 

package/components/icon/{index.d.ts → v3/index.d.ts}

@@ -660,6 +660,33 @@ declare const IconTypes: () => ({
     'two-tone-native-ad': {
         fileName: string;
     };
+    question: {
+        fileName: string;
+    };
+    'info-v4': {
+        fileName: string;
+    };
+    'check-v4': {
+        fileName: string;
+    };
+    'warning-circle': {
+        fileName: string;
+    };
+    'eye-v4': {
+        fileName: string;
+    };
+    'eye-slash': {
+        fileName: string;
+    };
+    'warning-v4': {
+        fileName: string;
+    };
+    'check-circle': {
+        fileName: string;
+    };
+    'warning-octagon': {
+        fileName: string;
+    };
 } | import("vue").DefineComponent<{
     name: {
         type: import("vue").PropType<string>;

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

@@ -0,0 +1,41 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    type?: 'regular' | 'bold' | 'branded' | 'ad-unit' | 'ab-test';
+    name?: string;
+    size?: string;
+    color?: string;
+}>, {
+    name: any;
+    size: any;
+    color: any;
+    type: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    type?: 'regular' | 'bold' | 'branded' | 'ad-unit' | 'ab-test';
+    name?: string;
+    size?: string;
+    color?: string;
+}>, {
+    name: any;
+    size: any;
+    color: any;
+    type: string;
+}>>>, {
+    name: string;
+    type: 'regular' | 'bold' | 'branded' | 'ad-unit' | 'ab-test';
+    size: string;
+    color: string;
+}>;
+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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

@@ -0,0 +1,84 @@
+import { defineComponent, useCssVars, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, renderSlot } from 'vue';
+import { useStorage } from '../../../composables/useStorage.vue.js';
+/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../../IconV4.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconV4",
+  props: {
+    type: { default: "regular" },
+    name: { default: null },
+    size: { default: null },
+    color: { default: null }
+  },
+  setup(__props) {
+    const props = __props;
+    useCssVars((_ctx) => ({
+      "4529a7a6": __props.size,
+      "5f2c5c5e": __props.color
+    }));
+    const requestCache = window.sharedUIRequestCache = window.sharedUIRequestCache || {};
+    const assetsBaseUrl = "https://fusion.ironsrc.net/assets";
+    const slots = useSlots();
+    const cls = computed(() => {
+      if (!props.name) {
+        return "";
+      }
+      const name = props.name.split("/");
+      return [props.name ? `icon-name--${name.at(-1)}` : ""];
+    });
+    const iconUrl = computed(() => {
+      if (slots.default) {
+        return "";
+      }
+      if (!props.name) {
+        console.error("Please provided icon name");
+        return "";
+      }
+      const path = props.type === "regular" || props.type === "bold" ? "ph/" : "v4/";
+      const suffix = props.type === "bold" ? `-${props.type}` : "";
+      return `${assetsBaseUrl}/icons/${path}${props.type}/${props.name}${suffix}.svg`;
+    });
+    const iconSvg = useStorage(`icon-${props.type}--${props.name}`);
+    function getSvg(url) {
+      if (!requestCache[url]) {
+        requestCache[url] = fetch(url).then((res) => res.text()).finally(() => {
+          delete requestCache[url];
+        }).catch((err) => {
+          console.error(err);
+        });
+      }
+      return requestCache[url];
+    }
+    function sanity(rawHtml) {
+      return rawHtml.replace(
+        /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
+        ""
+      );
+    }
+    if (!iconSvg.value && iconUrl.value) {
+      getSvg(iconUrl.value).then((res) => {
+        if (typeof res === "string" && res.startsWith("<svg")) {
+          iconSvg.value = res;
+        }
+      });
+    }
+    const safeSvgValue = computed(() => sanity(iconSvg.value ?? ""));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(["icon", unref(cls)])
+      }, [
+        !_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: "icon-wrapper",
+          innerHTML: unref(safeSvgValue)
+        }, null, 8, _hoisted_1)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0749e9a0"]]);
+
+export { Icon as default };

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

@@ -0,0 +1,50 @@
+declare const IconTypes: () => import("vue").DefineComponent<{
+    name: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    type: {
+        type: import("vue").PropType<"bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+    } & {
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    color: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    type: {
+        type: import("vue").PropType<"bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+    } & {
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    color: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+}>>, {
+    name: string;
+    type: "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    size: string;
+    color: string;
+}>[];
+export { default as Icon } from './IconV4.vue';
+export { IconTypes };

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

@@ -0,0 +1,6 @@
+import Icon from './IconV4.vue.js';
+export { default as Icon } from './IconV4.vue.js';
+
+const IconTypes = () => [Icon];
+
+export { IconTypes };

package/components/includeExclude/IncludeExclude.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch, provide, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, Transition, createElementBlock, normalizeClass, mergeProps, Fragment, renderList, toRaw, nextTick } from 'vue';
 import _sfc_main$1 from '../popover/Popover.vue.js';
 import Button from '../button/v3/Button.vue.js';
-/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                               */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import { IncludeExcludeTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                     */import Text from '../typography/Text.vue.js';
 /* empty css                                                                           *//* empty css                                                                       *//* empty css                                                                               */import 'floating-vue';

package/components/includeExclude/IncludeExcludeAppHeader.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createSlots, createTextVNode, toDisplayString } from 'vue';
-import Icon from '../icon/Icon.vue.js';
+import Icon from '../icon/v3/Icon.vue.js';
 import AppIcon from '../appIcon/AppIcon.vue.js';
 import { useSearch } from '../../composables/useSearch.vue.js';
 import IncludeExclude from './IncludeExclude.vue.js';
@@ -117,6 +117,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var IncludeExcludeAppHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-03cefd76"]]);
+var IncludeExcludeAppHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5fedd8dc"]]);
 
 export { IncludeExcludeAppHeader as default };

package/components/includeExclude/IncludeExcludeAppTrigger.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-import Icon from '../icon/Icon.vue.js';
+import Icon from '../icon/v3/Icon.vue.js';
 /* empty css                                                                   */import IconButton from '../button/v3/IconButton.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
 /* empty css                                                                         */import AppIcon from '../appIcon/AppIcon.vue.js';
@@ -168,6 +168,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var IncludeExcludeAppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-168ad4b0"]]);
+var IncludeExcludeAppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2939197c"]]);
 
 export { IncludeExcludeAppTrigger as default };

package/components/includeExclude/IncludeExcludeChipFilter.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, isRef, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, createSlots, createElementVNode } from 'vue';
-import Icon from '../icon/Icon.vue.js';
+import Icon from '../icon/v3/Icon.vue.js';
 import Chip from '../chip/v3/Chip.vue.js';
 import { useSearch } from '../../composables/useSearch.vue.js';
 import IncludeExclude from './IncludeExclude.vue.js';
@@ -152,6 +152,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var IncludeExcludeChipFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-566f7125"]]);
+var IncludeExcludeChipFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7fcabfc7"]]);
 
 export { IncludeExcludeChipFilter as default };

package/components/includeExclude/IncludeExcludeDragDrop.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch, provide, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, createVNode, Transition, createElementBlock, mergeProps, Fragment, renderList, toRaw, isRef, nextTick } from 'vue';
 import _sfc_main$1 from '../popover/Popover.vue.js';
 import Button from '../button/v3/Button.vue.js';
-/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                               */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 /* empty css                                                                     */import Text from '../typography/Text.vue.js';
 /* empty css                                                                           *//* empty css                                                                       *//* empty css                                                                               */import 'floating-vue';
 /* empty css                                                      *//* empty css                                                                         */import Search from '../search/v3/Search.vue.js';

package/components/includeExclude/IncludeExcludeOption.vue.js

@@ -5,7 +5,7 @@ import { useIncludeExcludeContext } from './IncludeExcludeContext.vue.js';
 import { useId } from '../../composables/useId.vue.js';
 import Checkbox from '../checkbox/Checkbox.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-import Icon from '../icon/Icon.vue.js';
+import Icon from '../icon/v3/Icon.vue.js';
 import { NOOP } from '@vue/shared';
 /* empty css                                                                      */
 import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_true_lang.css";
@@ -130,6 +130,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var IncludeExcludeOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7231fd11"]]);
+var IncludeExcludeOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2c293393"]]);
 
 export { IncludeExcludeOption as default };

package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js

@@ -4,7 +4,7 @@ import Text from '../typography/Text.vue.js';
 import { useIncludeExcludeContext } from './IncludeExcludeContext.vue.js';
 import { useId } from '../../composables/useId.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-import Icon from '../icon/Icon.vue.js';
+import Icon from '../icon/v3/Icon.vue.js';
 /* empty css                                                                               */
 import "../../IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["id"];
@@ -121,6 +121,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var IncludeExcludeOptionDraggable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc2c8ff8"]]);
+var IncludeExcludeOptionDraggable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-21cc47fc"]]);
 
 export { IncludeExcludeOptionDraggable as default };

package/components/input/common/Input.common.d.ts

@@ -0,0 +1,12 @@
+export declare const inputCommon: (props: any, emit: any) => {
+    onConfirm: () => void;
+    onEnter: () => void;
+    inputRef: any;
+    isFocused: import("vue").Ref<boolean>;
+    showLabelInside: import("vue").ComputedRef<boolean>;
+    api: import("../../table-cells/EditableContext").EditableContextProps;
+    labelText: import("vue").ComputedRef<any>;
+    sizeClass: import("vue").ComputedRef<string>;
+    handleInput: (event: any) => void;
+    handleKeypress: (event: any) => void;
+};