@ironsource/shared-ui 2.1.6 → 2.1.7-rc.1

package/package.json

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

package/src/components/button/v4/IconButtonV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./IconButtonV4.vue2.js";
-/* empty css                   */import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_2ca54aa8_lang.css"; //*');
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2ca54aa8"]]);
+/* empty css                   */import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_4eefa06b_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4eefa06b"]]);
 export {
-  e as default
+  c as default
 };

package/src/components/button/v4/IconButtonV4.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as i, computed as l, openBlock as s, createElementBlock as u, normalizeClass as c, unref as a, renderSlot as m, createVNode as r } from "vue";
+import { defineComponent as o, computed as l, openBlock as r, createElementBlock as i, normalizeClass as c, unref as a, renderSlot as u, createVNode as m } from "vue";
 import f from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-const p = ["data-testid", "disabled"], v = /* @__PURE__ */ i({
+const p = ["data-testid", "disabled"], I = /* @__PURE__ */ o({
   __name: "IconButtonV4",
   props: {
     variant: { default: "default" },
@@ -13,16 +13,26 @@ const p = ["data-testid", "disabled"], v = /* @__PURE__ */ i({
     testId: { default: "" }
   },
   setup(e) {
-    const t = e, n = l(
-      () => t.size === "small" || t.size === "medium" ? "20px" : "24px"
-    ), d = l(() => `variant-${t.variant}`);
-    return (o, z) => (s(), u("button", {
-      class: c([[e.size, e.color, a(d)], "button-wrap"]),
+    const t = e, n = l(() => {
+      switch (t.size) {
+        case "extraSmall":
+          return "16px";
+        case "small":
+        case "medium":
+          return "20px";
+        case "large":
+        case "extraLarge":
+        default:
+          return "24px";
+      }
+    }), s = l(() => `variant-${t.variant}`);
+    return (d, b) => (r(), i("button", {
+      class: c([[e.size, e.color, a(s)], "button-wrap"]),
       "data-testid": t.testId,
       disabled: e.disabled
     }, [
-      m(o.$slots, "default", {}, () => [
-        r(a(f), {
+      u(d.$slots, "default", {}, () => [
+        m(a(f), {
           type: e.type,
           name: e.iconName || "pencil-simple",
           size: a(n)
@@ -32,5 +42,5 @@ const p = ["data-testid", "disabled"], v = /* @__PURE__ */ i({
   }
 });
 export {
-  v as default
+  I as default
 };

package/src/components/table/v4/DataGrid.vue.js

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
-/* empty css               */import _ from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_057abdf5_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-057abdf5"]]);
+/* empty css               */import a from "../../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_63aaf3be_lang.css"; //*');
+const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-63aaf3be"]]);
 export {
   s as default
 };

package/src/components/table/v4/DataGrid.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as le, useCssVars as ie, unref as t, useSlots as de, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as C, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as T, createTextVNode as E, toDisplayString as w, isRef as oe, createCommentVNode as r, Fragment as B, renderList as I, createBlock as D, mergeProps as ne } from "vue";
+import { defineComponent as le, useCssVars as ie, unref as t, useSlots as de, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as C, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as T, createTextVNode as E, toDisplayString as w, isRef as oe, createCommentVNode as r, Fragment as B, renderList as I, createBlock as z, mergeProps as ne } from "vue";
 import p from "../../typography/v4/Typography.vue.js";
 import ce from "../../skeleton/v4/SkeletonV4.vue.js";
 import re from "../../emptyState/v4/EmptyStateV4.vue.js";
@@ -61,10 +61,10 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
   setup(s, { expose: m, emit: y }) {
     const o = s;
     ie((a) => ({
-      "671cd302": s.zIndexBase,
-      be93a49a: t(K),
-      "13ad9fec": t(H),
-      "6feb5274": t(J)
+      "74f5644c": s.zIndexBase,
+      "54c9adc0": t(K),
+      "10e150b9": t(H),
+      "06b2e101": t(J)
     }));
     const b = de(), {
       list: V,
@@ -86,7 +86,7 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
       hasCheckboxes: O,
       activeMenuRow: X,
       scrollTo: Z
-    } = ue(o, y), z = v(() => !!b.footer), g = ke(o, "search", y), _ = v(() => o.selection.length || 0), P = v(() => {
+    } = ue(o, y), D = v(() => !!b.footer), g = ke(o, "search", y), _ = v(() => o.selection.length || 0), P = v(() => {
       const a = o.rows.map((i, e) => o.getRowId(i, e));
       return a.length && a.every((i) => R(i));
     }), R = (a) => o.selection.findIndex((i) => o.selectedMatcher(a, i)) !== -1, ee = (a) => {
@@ -120,7 +120,7 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
         ref: t(G).ref,
         style: C(t(j)),
         class: f({
-          hasFooter: t(z)
+          hasFooter: t(D)
         }),
         "data-testid": `${s.testId}-${t(S).TABLE}`,
         onScrollPassive: i[2] || (i[2] = //@ts-ignore
@@ -229,12 +229,12 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
                     _: 2
                   }, 1024)
                 ], !0),
-                e.helpText ? (l(), D(ye, {
+                e.helpText ? (l(), z(ye, {
                   key: 0,
                   "hover-help-text": e.helpText,
                   "hover-help-text-placement": e.helpTextPlacement
                 }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : r("", !0),
-                e.isSortable && e.id === s.sort?.sortBy ? (l(), D(he, {
+                e.isSortable && e.id === s.sort?.sortBy ? (l(), z(he, {
                   key: 1,
                   "sort-order": s.sort.sortOrder
                 }, null, 8, ["sort-order"])) : r("", !0)
@@ -262,7 +262,6 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
               t(O) ? (l(), d("td", Ae, [
                 h(t(U), {
                   "is-checked": R(s.getRowId(e.data, e.index)),
-                  size: "sm",
                   "onUpdate:isChecked": (k) => ee(s.getRowId(e.data, e.index))
                 }, null, 8, ["is-checked", "onUpdate:isChecked"])
               ])) : r("", !0),
@@ -327,7 +326,7 @@ const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["d
           ]))
         ])
       ], 46, ge),
-      t(z) ? (l(), d("div", He, [
+      t(D) ? (l(), d("div", He, [
         c(a.$slots, "footer", {}, void 0, !0)
       ])) : r("", !0)
     ], 40, me));

package/DataGrid.vue_vue_type_style_index_0_scoped_057abdf5_lang.css

@@ -1 +0,0 @@
-.sticky[data-v-057abdf5]{position:sticky}.table-container[data-v-057abdf5]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-057abdf5]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-057abdf5]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-057abdf5]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-057abdf5]{width:13.75rem}.table-header.isStickyHeader[data-v-057abdf5]{z-index:calc(var(--671cd302) + 3);top:0}.table-head-container[data-v-057abdf5]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-057abdf5]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-057abdf5]{display:inline-table}.table-header-actions[data-v-057abdf5]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-057abdf5]{position:relative}.table-row.loading[data-v-057abdf5]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-057abdf5]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-057abdf5]{border-bottom:none}.expanded-row[data-v-057abdf5]{grid-column:var(--be93a49a);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-057abdf5]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-057abdf5]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-057abdf5],table th[data-v-057abdf5]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-057abdf5]:first-of-type,table th[data-v-057abdf5]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-057abdf5]:last-of-type,table th[data-v-057abdf5]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-057abdf5],table th.expand-toggle-cell[data-v-057abdf5]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-057abdf5]{border-bottom:none;z-index:calc(var(--671cd302) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-057abdf5]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--13ad9fec)}table>thead>tr>th[data-v-057abdf5]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-057abdf5]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-057abdf5]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-057abdf5]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-057abdf5]{cursor:pointer}table>thead.sticky[data-v-057abdf5]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-057abdf5]{z-index:calc(var(--671cd302) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-057abdf5]{display:block}table>tbody>*>tr[data-v-057abdf5]{background-color:var(--background-default);min-height:var(--6feb5274);height:auto;display:grid;align-items:center;grid-template-columns:var(--13ad9fec)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-057abdf5]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-057abdf5],table>tbody>*>tr.activeMenu>td[data-v-057abdf5]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-057abdf5]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--6feb5274);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-057abdf5]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-057abdf5]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-057abdf5]{justify-content:flex-end;text-align:right}.section-container[data-v-057abdf5]{left:0}.sections[data-v-057abdf5]{display:flex}.section[data-v-057abdf5]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-057abdf5]{width:100%}.empty-state[data-v-057abdf5]{min-height:250px}

package/IconButtonV4.vue_vue_type_style_index_0_scoped_2ca54aa8_lang.css

@@ -1 +0,0 @@
-.button-wrap[data-v-2ca54aa8]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;background-color:transparent}.error[data-v-2ca54aa8]{font-size:inherit;font-family:inherit;font-weight:400;margin-top:0;line-height:inherit}.variant-default.primary[data-v-2ca54aa8]{color:var(--primary-main)}.variant-default.primary[data-v-2ca54aa8]:hover{background:var(--primary-main-8-p)}.variant-default.primary[data-v-2ca54aa8]:disabled{color:var(--action-disabled);opacity:1}.variant-default.primary[data-v-2ca54aa8]:disabled:hover{background:var(--common-white)}.variant-default.default[data-v-2ca54aa8]{color:var(--action-active)}.variant-default.default[data-v-2ca54aa8]:hover{background:var(--action-hover);color:var(--default-contrast-text)}.variant-default.default[data-v-2ca54aa8]:disabled{color:var(--action-disabled);opacity:1}.variant-default.default[data-v-2ca54aa8]:disabled:hover{background:var(--common-white)}.variant-default.error[data-v-2ca54aa8]{color:var(--error-main)}.variant-default.error[data-v-2ca54aa8]:hover{background:var(--error-main-8-p)}.variant-default.error[data-v-2ca54aa8]:disabled{color:var(--action-disabled);opacity:1}.variant-default.error[data-v-2ca54aa8]:disabled:hover{background:var(--common-white)}.variant-outlined.primary[data-v-2ca54aa8]{color:var(--primary-main);border:1px solid var(--primary-main)}.variant-outlined.primary[data-v-2ca54aa8]:hover{background:var(--primary-main-8-p)}.variant-outlined.primary[data-v-2ca54aa8]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.primary[data-v-2ca54aa8]:disabled:hover{background:var(--common-white)}.variant-outlined.default[data-v-2ca54aa8]{color:var(--action-active);border:1px solid var(--action-disabled)}.variant-outlined.default[data-v-2ca54aa8]:hover{background:var(--action-hover);color:var(--default-contrast-text);border:1px solid var(--action-active)}.variant-outlined.default[data-v-2ca54aa8]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.default[data-v-2ca54aa8]:disabled:hover{background:var(--common-white)}.variant-outlined.error[data-v-2ca54aa8]{color:var(--error-main);border:1px solid var(--error-main)}.variant-outlined.error[data-v-2ca54aa8]:hover{background:var(--error-main-8-p)}.variant-outlined.error[data-v-2ca54aa8]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.error[data-v-2ca54aa8]:disabled:hover{background:var(--common-white)}.small[data-v-2ca54aa8]{padding:2px}.small.variant-outlined[data-v-2ca54aa8]{padding:1px}.medium[data-v-2ca54aa8]{padding:4px}.medium.variant-outlined[data-v-2ca54aa8]{padding:3px}.large[data-v-2ca54aa8]{padding:6px}.large.variant-outlined[data-v-2ca54aa8]{padding:5px}.extraLarge[data-v-2ca54aa8]{padding:8px}.extraLarge.variant-outlined[data-v-2ca54aa8]{padding:7px}.small[data-v-2ca54aa8],.medium[data-v-2ca54aa8],.large[data-v-2ca54aa8],.extraLarge[data-v-2ca54aa8]{height:auto}