@ironsource/shared-ui 2.1.3-rc.0 → 2.1.3-rc.1

package/AppHeader.vue_vue_type_style_index_0_scoped_209ecc03_lang.css

@@ -0,0 +1 @@
+.app-header[data-v-209ecc03]{display:flex}.app-header .image-container[data-v-209ecc03]{height:48px;width:48px;border-radius:4px}.app-header .image-container img[data-v-209ecc03]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:4px}.app-header .icon-container[data-v-209ecc03]{color:var(--action-active);display:flex;align-items:center;padding:0 8px}.app-header .name-container .title[data-v-209ecc03]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-209ecc03]{color:var(--text-secondary)}.app-header.size-small[data-v-209ecc03]{align-items:center}.app-header.size-small .image-container[data-v-209ecc03]{height:28px;width:28px;border-radius:6px}.app-header.size-small .image-container img[data-v-209ecc03]{border-radius:6px}.app-header.size-small .name-container[data-v-209ecc03]{display:flex}

package/InlineCopy.vue_vue_type_style_index_0_scoped_2f0a0202_lang.css

@@ -0,0 +1 @@
+.inline-copy[data-v-2f0a0202]{display:inline-flex;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-2f0a0202]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-2f0a0202]:hover{color:var(--action-primary)}

package/components/appHeader/AppHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./AppHeader.vue2.js";
 /* empty css                */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-aa538d40"]]);
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_209ecc03_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-209ecc03"]]);
 export {
   s as default
 };

package/components/appHeader/AppHeader.vue2.js

@@ -1,10 +1,10 @@
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css"; import { defineComponent as r, computed as d, openBlock as m, createElementBlock as c, normalizeClass as p, createElementVNode as a, createVNode as o, unref as t, mergeProps as f, withCtx as u, createTextVNode as y, toDisplayString as h } from "vue";
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_209ecc03_lang.css"; import { defineComponent as m, computed as r, openBlock as d, createElementBlock as c, normalizeClass as p, createElementVNode as a, createVNode as i, unref as t, mergeProps as u, withCtx as f, createTextVNode as y, toDisplayString as h } from "vue";
 import x from "../icon/v4/IconV4.vue.js";
 import v from "../typography/v4/Typography.vue.js";
 import I from "../inlineCopy/InlineCopy.vue.js";
 import { useTestIdAttrs as g } from "../../utils/testIds.js";
-import { AppHeaderTestIdModifiers as i } from "../../testids/index.js";
-const T = { class: "image-container" }, z = ["src", "alt"], C = { class: "icon-container" }, A = { class: "name-container" }, K = /* @__PURE__ */ r({
+import { AppHeaderTestIdModifiers as o } from "../../testids/index.js";
+const z = { class: "image-container" }, T = ["src", "alt"], C = { class: "icon-container" }, A = { class: "name-container" }, K = /* @__PURE__ */ m({
   __name: "AppHeader",
   props: {
     image: { default: "" },
@@ -15,43 +15,44 @@ const T = { class: "image-container" }, z = ["src", "alt"], C = { class: "icon-c
     type: { default: "normal" }
   },
   setup(e) {
-    const n = e, l = d(
+    const n = e, l = r(
       () => n.platform ? n.platform.toLowerCase() : ""
-    ), s = g(n.testId, i);
-    return (N, E) => (m(), c("div", {
+    ), s = g(n.testId, o);
+    return (N, E) => (d(), c("div", {
       class: p(["app-header", `size-${e.type}`])
     }, [
-      a("div", T, [
+      a("div", z, [
         a("img", {
           src: e.image,
           alt: e.name
-        }, null, 8, z)
+        }, null, 8, T)
       ]),
       a("div", C, [
-        o(t(x), {
+        i(t(x), {
           type: "branded",
           name: t(l),
           size: e.type === "normal" ? "24px" : "20px"
         }, null, 8, ["name", "size"])
       ]),
       a("div", A, [
-        o(t(v), f({
+        i(t(v), u({
           variant: e.type === "normal" ? "h2" : "button",
           class: "title"
-        }, t(s)[t(i).TITLE]), {
-          default: u(() => [
+        }, t(s)[t(o).TITLE]), {
+          default: f(() => [
             y(h(e.name), 1)
           ]),
           _: 1
         }, 16, ["variant"]),
         a("div", null, [
-          o(t(I), {
+          i(t(I), {
             text: e.appKey,
             size: "medium",
             class: "inline-copy",
             "hide-text-value": e.type === "small",
-            "test-id": e.testId
-          }, null, 8, ["text", "hide-text-value", "test-id"])
+            "test-id": e.testId,
+            "icon-size": e.type === "small" ? "18px" : null
+          }, null, 8, ["text", "hide-text-value", "test-id", "icon-size"])
         ])
       ])
     ], 2));

package/components/inlineCopy/InlineCopy.vue.d.ts

@@ -3,26 +3,31 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: 'small' | 'medium';
     testId: string;
     hideTextValue: boolean;
+    iconSize?: string;
 }>, {
     size: string;
     text: string;
     testId: string;
     hideTextValue: boolean;
+    iconSize: 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<{
     text: string;
     size: 'small' | 'medium';
     testId: string;
     hideTextValue: boolean;
+    iconSize?: string;
 }>, {
     size: string;
     text: string;
     testId: string;
     hideTextValue: boolean;
+    iconSize: any;
 }>>>, {
     text: string;
     size: 'small' | 'medium';
     testId: string;
     hideTextValue: boolean;
+    iconSize: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/inlineCopy/InlineCopy.vue.js

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

package/components/inlineCopy/InlineCopy.vue2.js

@@ -1,21 +1,22 @@
- import "../../InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css"; import { defineComponent as d, computed as f, openBlock as s, createElementBlock as y, createBlock as x, unref as e, mergeProps as i, withCtx as c, createTextVNode as C, toDisplayString as T, createCommentVNode as I, createVNode as l } from "vue";
-import h from "../icon/v4/IconV4.vue.js";
-import k from "../typography/v4/Typography.vue.js";
-import { useClipboard as V } from "@vueuse/core";
-import { Snackbar as z } from "../snackbar/v4/index.js";
-import B from "../tooltip/v4/TooltipV4.vue.js";
-import { useTestIdAttrs as _ } from "../../utils/testIds.js";
-import { InlineCopyTestIdModifiers as r } from "../../testids/index.js";
+ import "../../InlineCopy.vue_vue_type_style_index_0_scoped_2f0a0202_lang.css"; import { defineComponent as d, computed as f, openBlock as a, createElementBlock as y, createBlock as x, unref as e, mergeProps as c, withCtx as s, createTextVNode as C, toDisplayString as T, createCommentVNode as z, createVNode as l } from "vue";
+import I from "../icon/v4/IconV4.vue.js";
+import h from "../typography/v4/Typography.vue.js";
+import { useClipboard as k } from "@vueuse/core";
+import { Snackbar as S } from "../snackbar/v4/index.js";
+import V from "../tooltip/v4/TooltipV4.vue.js";
+import { useTestIdAttrs as B } from "../../utils/testIds.js";
+import { InlineCopyTestIdModifiers as i } from "../../testids/index.js";
 const M = /* @__PURE__ */ d({
   __name: "InlineCopy",
   props: {
     text: { default: "" },
     size: { default: "small" },
     testId: { default: "" },
-    hideTextValue: { type: Boolean, default: !1 }
+    hideTextValue: { type: Boolean, default: !1 },
+    iconSize: { default: null }
   },
   setup(t) {
-    const o = t, { copy: n, copied: p } = V({}), m = f(() => {
+    const o = t, { copy: n, copied: p } = k({}), m = f(() => {
       switch (o.size) {
         case "medium":
           return "0.875rem";
@@ -24,33 +25,33 @@ const M = /* @__PURE__ */ d({
           return "0.75rem";
       }
     }), u = async () => {
-      await n(o.text), p.value && z({
+      await n(o.text), p.value && S({
         title: "Copied successfully",
         type: "success",
         duration: 2e3
       });
-    }, a = _(o.testId, r);
-    return (N, S) => (s(), y("div", {
+    }, r = B(o.testId, i);
+    return (N, b) => (a(), y("div", {
       class: "inline-copy",
       onClick: u
     }, [
-      t.hideTextValue ? I("", !0) : (s(), x(e(k), i({
+      t.hideTextValue ? z("", !0) : (a(), x(e(h), c({
         key: 0,
         variant: "caption",
         style: { fontSize: e(m) }
-      }, e(a)[e(r).TEXT]), {
-        default: c(() => [
+      }, e(r)[e(i).TEXT]), {
+        default: s(() => [
           C(T(t.text), 1)
         ]),
         _: 1
       }, 16, ["style"])),
-      l(e(B), { text: "Copy to clipboar" }, {
-        default: c(() => [
-          l(e(h), i({
+      l(e(V), { text: "Copy to clipboar" }, {
+        default: s(() => [
+          l(e(I), c({
             class: "icon-copy",
             name: "copy",
-            size: "16px"
-          }, e(a)[e(r).COPY_BTN]), null, 16)
+            size: t.iconSize || "16px"
+          }, e(r)[e(i).COPY_BTN]), null, 16, ["size"])
         ]),
         _: 1
       })

package/components/inlineCopy/index.d.ts

@@ -20,6 +20,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         required: true;
         default: boolean;
     };
+    iconSize: {
+        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<{
     text: {
         type: import("vue").PropType<string>;
@@ -41,10 +45,15 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         required: true;
         default: boolean;
     };
+    iconSize: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
 }>>, {
     text: string;
     size: "small" | "medium";
     testId: string;
     hideTextValue: boolean;
+    iconSize: string;
 }>[];
 export { InlineCopy, InlineCopyTypes };

package/index.d.ts

@@ -72,6 +72,10 @@ declare const _default: {
             required: true;
             default: boolean;
         };
+        iconSize: {
+            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<{
         text: {
             type: import("vue").PropType<string>;
@@ -93,11 +97,16 @@ declare const _default: {
             required: true;
             default: boolean;
         };
+        iconSize: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>>, {
         text: string;
         size: "small" | "medium";
         testId: string;
         hideTextValue: boolean;
+        iconSize: string;
     }>;
     InlineCopyTypes: () => import("vue").DefineComponent<{
         text: {
@@ -120,6 +129,10 @@ declare const _default: {
             required: true;
             default: boolean;
         };
+        iconSize: {
+            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<{
         text: {
             type: import("vue").PropType<string>;
@@ -141,11 +154,16 @@ declare const _default: {
             required: true;
             default: boolean;
         };
+        iconSize: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>>, {
         text: string;
         size: "small" | "medium";
         testId: string;
         hideTextValue: boolean;
+        iconSize: string;
     }>[];
     AppHeader: import("vue").DefineComponent<{
         name: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.3-rc.0",
+  "version": "2.1.3-rc.1",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css

@@ -1 +0,0 @@
-.app-header[data-v-aa538d40]{display:flex}.app-header .image-container[data-v-aa538d40]{height:48px;width:48px;border-radius:4px}.app-header .image-container img[data-v-aa538d40]{min-width:100%;object-fit:cover;border-radius:4px}.app-header .icon-container[data-v-aa538d40]{color:var(--action-active);display:flex;align-items:center;padding:0 8px}.app-header .name-container .title[data-v-aa538d40]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-aa538d40]{color:var(--text-secondary)}.app-header.size-small[data-v-aa538d40]{align-items:center}.app-header.size-small .image-container[data-v-aa538d40]{height:28px;width:28px;border-radius:6px}.app-header.size-small .image-container img[data-v-aa538d40]{border-radius:6px}.app-header.size-small .name-container[data-v-aa538d40]{display:flex}

package/InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css

@@ -1 +0,0 @@
-.inline-copy[data-v-117ac157]{display:inline-flex;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-117ac157]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-117ac157]:hover{color:var(--action-primary)}