@ironsource/shared-ui 2.2.0-rc.22 → 2.2.0-rc.24

package/TagsFieldChip.vue_vue_type_style_index_0_scoped_cbb21c6a_lang.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-cbb21c6a],.font-chart-2[data-v-cbb21c6a],.font-chart-1[data-v-cbb21c6a]{font-family:Inter,sans-serif;font-weight:700}.chip-input-sizer[data-v-cbb21c6a],.chip-input[data-v-cbb21c6a],.font-chip-label[data-v-cbb21c6a],.font-table-label[data-v-cbb21c6a],.font-button[data-v-cbb21c6a],.font-heading-6[data-v-cbb21c6a],.font-heading-5[data-v-cbb21c6a],.font-heading-4[data-v-cbb21c6a],.font-heading-3[data-v-cbb21c6a],.font-heading-2[data-v-cbb21c6a],.font-heading-1[data-v-cbb21c6a],.font-title[data-v-cbb21c6a]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-cbb21c6a],.font-input-label[data-v-cbb21c6a],.font-overline[data-v-cbb21c6a],.font-subtitle-2[data-v-cbb21c6a],.font-subtitle-1[data-v-cbb21c6a]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-cbb21c6a],.font-body-2[data-v-cbb21c6a],.font-body-1[data-v-cbb21c6a]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-cbb21c6a]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-cbb21c6a]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-cbb21c6a]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-cbb21c6a]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-cbb21c6a]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-cbb21c6a]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-cbb21c6a]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-cbb21c6a]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-cbb21c6a]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-cbb21c6a]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-cbb21c6a]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-cbb21c6a]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-cbb21c6a]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-cbb21c6a]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-cbb21c6a]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-cbb21c6a]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-cbb21c6a]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-cbb21c6a]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-cbb21c6a],.font-tab-label2[data-v-cbb21c6a]{font-size:.875rem;line-height:1rem}.chip-input-sizer[data-v-cbb21c6a],.chip-input[data-v-cbb21c6a],.font-chip-label[data-v-cbb21c6a]{font-size:.75rem;line-height:1rem}h1[data-v-cbb21c6a],h2[data-v-cbb21c6a],h3[data-v-cbb21c6a],h4[data-v-cbb21c6a],h5[data-v-cbb21c6a],h6[data-v-cbb21c6a]{margin:0}.rounded-chip[data-v-cbb21c6a]{border-radius:100px}.tags-field-chip--editing[data-v-cbb21c6a]{outline:1px solid var(--outline-color)}.chip-content[data-v-cbb21c6a]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.chip-label[data-v-cbb21c6a]{min-width:.5rem}.chip-label--hidden[data-v-cbb21c6a]{visibility:hidden}.chip-input[data-v-cbb21c6a]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.chip-input[data-v-cbb21c6a]:focus{outline:none}.chip-input-outline[data-v-cbb21c6a]::placeholder{color:var(--action-disabled)}.clear-button[data-v-cbb21c6a]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-cbb21c6a]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-cbb21c6a]{color:var(--error-dark)}.clear-button--invalid[data-v-cbb21c6a]:hover{color:var(--error-darker)}.chip-input-sizer[data-v-cbb21c6a]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}

package/components/tagsField/TagsFieldChip.vue.js

@@ -1,7 +1,7 @@
 import o from "./TagsFieldChip.vue2.js";
 /* empty css                    */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../TagsFieldChip.vue_vue_type_style_index_0_scoped_bdbc1b68_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bdbc1b68"]]);
+// import "../../TagsFieldChip.vue_vue_type_style_index_0_scoped_cbb21c6a_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cbb21c6a"]]);
 export {
-  t as default
+  p as default
 };

package/components/tagsField/TagsFieldChip.vue2.js

@@ -1,9 +1,9 @@
- import "../../TagsFieldChip.vue_vue_type_style_index_0_scoped_bdbc1b68_lang.css"; import { defineComponent as M, ref as r, computed as b, watch as N, nextTick as k, openBlock as d, createBlock as g, unref as t, normalizeClass as u, normalizeStyle as C, withModifiers as s, withCtx as w, createElementVNode as S, createTextVNode as K, toDisplayString as z, withDirectives as x, createElementBlock as I, isRef as D, withKeys as B, vModelText as F, createCommentVNode as O, createVNode as W, vShow as L } from "vue";
+ import "../../TagsFieldChip.vue_vue_type_style_index_0_scoped_cbb21c6a_lang.css"; import { defineComponent as V, ref as d, computed as b, watch as N, nextTick as k, openBlock as u, createBlock as g, unref as t, normalizeClass as s, normalizeStyle as w, withModifiers as n, withCtx as C, createElementVNode as S, createTextVNode as K, toDisplayString as z, withDirectives as x, createElementBlock as I, isRef as D, withKeys as B, vModelText as F, createCommentVNode as O, createVNode as W, vShow as L } from "vue";
 import U from "../typography/v4/Typography.vue.js";
 import $ from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import j from "../chip/v4/ChipV4.vue.js";
-const q = { class: "chip-content" }, A = ["placeholder", "onKeyup"], X = /* @__PURE__ */ M({
+const q = { class: "chip-content" }, A = ["placeholder", "onKeyup"], X = /* @__PURE__ */ V({
   __name: "TagsFieldChip",
   props: {
     label: { default: "" },
@@ -19,19 +19,19 @@ const q = { class: "chip-content" }, A = ["placeholder", "onKeyup"], X = /* @__P
     placeholder: { default: "" }
   },
   emits: ["update:label", "remove", "stopEditing"],
-  setup(e, { emit: o }) {
-    const i = e, a = r(!1), l = b({
+  setup(e, { emit: r }) {
+    const i = e, a = d(!1), l = b({
       get: () => i.label,
       set: (h) => {
-        o("update:label", h);
+        r("update:label", h);
       }
-    }), m = r(null), E = () => m.value?.focus(), R = async () => {
+    }), p = d(null), E = () => p.value?.focus(), M = async () => {
       i.disabled || (a.value = !0, await k(), E());
-    }, T = () => {
-      o("stopEditing"), c();
+    }, R = () => {
+      r("stopEditing"), c();
     }, c = () => {
-      a.value = !1, !l.value && !i.placeholder && o("remove");
-    }, v = r(null), f = r(void 0);
+      a.value = !1, !l.value && !i.placeholder && r("remove");
+    }, v = d(null), f = d(void 0);
     N(
       () => [l.value, i.placeholder, a.value],
       async () => {
@@ -39,7 +39,7 @@ const q = { class: "chip-content" }, A = ["placeholder", "onKeyup"], X = /* @__P
       },
       { immediate: !0 }
     );
-    const p = {
+    const m = {
       default: "var(--default-outlined-border)",
       primary: "var(--primary-main)",
       info: "var(--info-dark)",
@@ -47,11 +47,11 @@ const q = { class: "chip-content" }, A = ["placeholder", "onKeyup"], X = /* @__P
       warning: "var(--warning-main)",
       success: "var(--success-main)",
       dark: "var(--common-divider)"
-    }, V = b(() => a.value && i.variant !== "outlined" ? {
-      "--outline-color": i.isInvalid ? p.error : p[i.color] || "var(--default-outlined-border)"
+    }, T = b(() => a.value && i.variant !== "outlined" ? {
+      "--outline-color": i.isInvalid ? m.error : m[i.color] || "var(--default-outlined-border)"
     } : {});
-    return (h, n) => (d(), g(t(j), {
-      class: u({
+    return (h, o) => (u(), g(t(j), {
+      class: s({
         "rounded-chip": e.rounded,
         "tags-field-chip--editing": a.value && e.variant !== "outlined"
         // outlined chips have an outline
@@ -62,24 +62,24 @@ const q = { class: "chip-content" }, A = ["placeholder", "onKeyup"], X = /* @__P
       size: e.size,
       variant: e.variant,
       disabled: e.disabled,
-      style: C(t(V)),
-      onClick: s(R, ["stop"])
+      style: w(t(T)),
+      onClick: n(M, ["stop"])
     }, {
-      default: w(() => [
+      default: C(() => [
         S("div", q, [
-          a.value ? x((d(), I("input", {
+          a.value ? x((u(), I("input", {
             key: 1,
             ref_key: "inputRef",
-            ref: m,
-            "onUpdate:modelValue": n[0] || (n[0] = (y) => D(l) ? l.value = y : null),
+            ref: p,
+            "onUpdate:modelValue": o[0] || (o[0] = (y) => D(l) ? l.value = y : null),
             placeholder: e.placeholder,
-            class: u(["chip-input", { "chip-input-outline": e.variant === "outlined" }]),
+            class: s(["chip-input", { "chip-input-outline": e.variant === "outlined" }]),
             spellcheck: "false",
-            style: C({ width: f.value }),
-            onBlur: T,
+            style: w({ width: f.value }),
+            onBlur: R,
             onKeyup: [
-              B(s(c, ["prevent"]), ["enter"]),
-              B(s(c, ["prevent"]), ["esc"])
+              B(n(c, ["prevent"]), ["enter"]),
+              B(n(c, ["prevent"]), ["esc"])
             ]
           }, null, 46, A)), [
             [
@@ -88,17 +88,17 @@ const q = { class: "chip-content" }, A = ["placeholder", "onKeyup"], X = /* @__P
               void 0,
               { trim: !0 }
             ]
-          ]) : (d(), g(t(U), {
+          ]) : (u(), g(t(U), {
             key: 0,
             variant: "chipLabel",
-            class: u(["chip-label", { "chip-label--placeholder": !t(l) && e.placeholder }])
+            class: s(["chip-label", { "chip-label--placeholder": !t(l) && e.placeholder }])
           }, {
-            default: w(() => [
+            default: C(() => [
               K(z(t(l) || e.placeholder), 1)
             ]),
             _: 1
           }, 8, ["class"])),
-          a.value ? (d(), I("span", {
+          a.value ? (u(), I("span", {
             key: 2,
             ref_key: "sizerRef",
             ref: v,
@@ -106,12 +106,14 @@ const q = { class: "chip-content" }, A = ["placeholder", "onKeyup"], X = /* @__P
           }, z(t(l) || e.placeholder || ""), 513)) : O("", !0)
         ]),
         x(W(t($), {
-          class: u(["clear-button", { "clear-button--invalid": e.isInvalid }]),
+          class: s(["clear-button", { "clear-button--invalid": e.isInvalid }]),
           name: "x-circle",
           size: "16px",
           type: "fill",
           color: e.isInvalid ? "var(--error-dark)" : e.iconColor,
-          onClick: n[1] || (n[1] = s((y) => o("remove"), ["stop"]))
+          onMousedown: o[1] || (o[1] = n(() => {
+          }, ["prevent"])),
+          onClick: o[2] || (o[2] = n((y) => r("remove"), ["stop"]))
         }, null, 8, ["class", "color"]), [
           [L, e.removable]
         ])

package/index.js

@@ -1,4 +1,4 @@
-import './Heading.vue_vue_type_style_index_0_scoped_19878c4b_lang.css';
+import './IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_a91fcaa5_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";

package/package.json

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

package/TagsFieldChip.vue_vue_type_style_index_0_scoped_bdbc1b68_lang.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-bdbc1b68],.font-chart-2[data-v-bdbc1b68],.font-chart-1[data-v-bdbc1b68]{font-family:Inter,sans-serif;font-weight:700}.chip-input-sizer[data-v-bdbc1b68],.chip-input[data-v-bdbc1b68],.font-chip-label[data-v-bdbc1b68],.font-table-label[data-v-bdbc1b68],.font-button[data-v-bdbc1b68],.font-heading-6[data-v-bdbc1b68],.font-heading-5[data-v-bdbc1b68],.font-heading-4[data-v-bdbc1b68],.font-heading-3[data-v-bdbc1b68],.font-heading-2[data-v-bdbc1b68],.font-heading-1[data-v-bdbc1b68],.font-title[data-v-bdbc1b68]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-bdbc1b68],.font-input-label[data-v-bdbc1b68],.font-overline[data-v-bdbc1b68],.font-subtitle-2[data-v-bdbc1b68],.font-subtitle-1[data-v-bdbc1b68]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-bdbc1b68],.font-body-2[data-v-bdbc1b68],.font-body-1[data-v-bdbc1b68]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-bdbc1b68]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-bdbc1b68]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-bdbc1b68]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-bdbc1b68]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-bdbc1b68]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-bdbc1b68]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-bdbc1b68]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-bdbc1b68]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-bdbc1b68]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-bdbc1b68]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-bdbc1b68]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-bdbc1b68]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-bdbc1b68]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-bdbc1b68]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-bdbc1b68]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-bdbc1b68]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-bdbc1b68]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-bdbc1b68]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-bdbc1b68],.font-tab-label2[data-v-bdbc1b68]{font-size:.875rem;line-height:1rem}.chip-input-sizer[data-v-bdbc1b68],.chip-input[data-v-bdbc1b68],.font-chip-label[data-v-bdbc1b68]{font-size:.75rem;line-height:1rem}h1[data-v-bdbc1b68],h2[data-v-bdbc1b68],h3[data-v-bdbc1b68],h4[data-v-bdbc1b68],h5[data-v-bdbc1b68],h6[data-v-bdbc1b68]{margin:0}.rounded-chip[data-v-bdbc1b68]{border-radius:100px}.tags-field-chip--editing[data-v-bdbc1b68]{outline:1px solid var(--outline-color)}.chip-content[data-v-bdbc1b68]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.chip-label[data-v-bdbc1b68]{min-width:.5rem}.chip-label--hidden[data-v-bdbc1b68]{visibility:hidden}.chip-input[data-v-bdbc1b68]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.chip-input[data-v-bdbc1b68]:focus{outline:none}.chip-input-outline[data-v-bdbc1b68]::placeholder{color:var(--action-disabled)}.clear-button[data-v-bdbc1b68]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-bdbc1b68]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-bdbc1b68]{color:var(--error-dark)}.clear-button--invalid[data-v-bdbc1b68]:hover{color:var(--error-darker)}.chip-input-sizer[data-v-bdbc1b68]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}