@ironsource/shared-ui 2.1.7-rc.11 → 2.1.7-rc.13

package/components/tabs/v4/TabsV4.vue2.js

@@ -1,9 +1,9 @@
- import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css"; import { defineComponent as h, useCssVars as C, ref as v, watch as w, nextTick as $, openBlock as r, createElementBlock as l, mergeProps as y, unref as s, Fragment as S, renderList as g, normalizeClass as A, renderSlot as N, createBlock as V, withCtx as B, createTextVNode as M, toDisplayString as E, createCommentVNode as P, pushScopeId as W, popScopeId as _, createElementVNode as H } from "vue";
-import R from "../../typography/v4/Typography.vue.js";
-import { TabsTestIdModifiers as c } from "../../../testids/index.js";
+ import "../../../TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css"; import { defineComponent as x, useCssVars as y, ref as l, watch as C, nextTick as $, openBlock as o, createElementBlock as c, mergeProps as w, unref as s, Fragment as A, renderList as S, normalizeClass as g, renderSlot as V, createBlock as B, withCtx as M, createTextVNode as N, toDisplayString as R, createCommentVNode as _, pushScopeId as E, popScopeId as P, createElementVNode as W } from "vue";
+import H from "../../typography/v4/Typography.vue.js";
+import { TabsTestIdModifiers as m } from "../../../testids/index.js";
 import { tabsCommon as z } from "../common/tabsCommon.js";
 import { useTestIdAttrs as D } from "../../../utils/testIds.js";
-const F = (t) => (W("data-v-bab40cfe"), t = t(), _(), t), U = ["data-testid", "onClick", "onMouseover"], j = /* @__PURE__ */ F(() => /* @__PURE__ */ H("div", { class: "tabs-border-line" }, null, -1)), Q = /* @__PURE__ */ h({
+const F = (t) => (E("data-v-f9433b11"), t = t(), P(), t), U = ["data-testid", "onClick", "onMouseover"], j = /* @__PURE__ */ F(() => /* @__PURE__ */ W("div", { class: "tabs-border-line" }, null, -1)), Q = /* @__PURE__ */ x({
   __name: "TabsV4",
   props: {
     tabsList: { default: () => [] },
@@ -12,59 +12,56 @@ const F = (t) => (W("data-v-bab40cfe"), t = t(), _(), t), U = ["data-testid", "o
     testId: { default: "" }
   },
   emits: ["update:selectedTab"],
-  setup(t, { emit: f }) {
-    const a = t;
-    C((o) => ({
-      "57c21ae0": b.value,
-      bdc3e3e6: m.value
+  setup(t, { emit: p }) {
+    const r = t;
+    y((a) => ({
+      "167b065e": v.value,
+      "8cfadb62": b.value
     }));
-    const {
-      skipUnwrap: p,
-      selectTab: T,
-      setHover: I,
-      clearHover: u,
-      tabsNewList: L,
-      getSelectedTabIndex: k
-    } = z(a, f), x = D(a.testId, c), d = (o) => o.id === a.selectedTab, m = v(), b = v();
-    return w(
-      [() => a.variant, () => a.selectedTab, () => a.tabsList],
+    const { skipUnwrap: T, selectTab: I, setHover: L, clearHover: u, getSelectedTabIndex: k } = z(r, p), f = l(null), h = D(r.testId, m), i = (a) => a.id === r.selectedTab, b = l(), v = l();
+    return C(
+      [() => r.variant, () => r.selectedTab, () => r.tabsList],
       async () => {
-        const o = k();
+        const a = k();
+        if (a === -1)
+          return;
         await $();
-        const i = L.value[o];
-        m.value = i?.clientWidth + "px", b.value = i?.offsetLeft + "px";
+        const e = Array.from(f.value?.children || []).at(a);
+        b.value = e?.clientWidth + "px", v.value = e?.offsetLeft + "px";
       },
       { immediate: !0 }
-    ), (o, i) => (r(), l("ul", y({
+    ), (a, n) => (o(), c("ul", w({
+      ref_key: "tabsListRef",
+      ref: f,
       class: ["tabs-list", [`tabs-list--${t.variant}`]]
-    }, s(x)[s(c).WRAPPER]), [
-      (r(!0), l(S, null, g(t.tabsList, (e) => (r(), l("li", {
+    }, s(h)[s(m).WRAPPER]), [
+      (o(!0), c(A, null, S(t.tabsList, (e) => (o(), c("li", {
         ref_for: !0,
-        ref: s(p).tabsNewList,
+        ref: s(T).tabsNewList,
         key: e.id,
-        class: A(["tab-item", {
+        class: g(["tab-item", {
           "tab-item--disabled": e.disabled,
-          "tab-item--active": d(e)
+          "tab-item--active": i(e)
         }]),
-        "data-testid": t.testId ? `${t.testId}-${s(c).TAB}-${e.id}` : void 0,
-        onClick: (n) => s(T)(e),
-        onMouseover: (n) => s(I)(e),
-        onMouseleave: i[0] || (i[0] = //@ts-ignore
-        (...n) => s(u) && s(u)(...n))
+        "data-testid": t.testId ? `${t.testId}-${s(m).TAB}-${e.id}` : void 0,
+        onClick: (d) => s(I)(e),
+        onMouseover: (d) => s(L)(e),
+        onMouseleave: n[0] || (n[0] = //@ts-ignore
+        (...d) => s(u) && s(u)(...d))
       }, [
-        N(o.$slots, "tab-icon", {
+        V(a.$slots, "tab-icon", {
           tab: e,
-          active: d(e)
+          active: i(e)
         }, void 0, !0),
-        e.name ? (r(), V(s(R), {
+        e.name ? (o(), B(s(H), {
           key: 0,
-          variant: d(e) ? "tabLabel2" : "tabLabel1"
+          variant: i(e) ? "tabLabel2" : "tabLabel1"
         }, {
-          default: B(() => [
-            M(E(e.name), 1)
+          default: M(() => [
+            N(R(e.name), 1)
           ]),
           _: 2
-        }, 1032, ["variant"])) : P("", !0)
+        }, 1032, ["variant"])) : _("", !0)
       ], 42, U))), 128)),
       j
     ], 16));

package/index.d.ts

@@ -4719,6 +4719,7 @@ declare const _default: {
             $props: Partial<{
                 type: "input" | "dropdown";
                 cell: string;
+                saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
@@ -4732,6 +4733,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                saveOnClickOutside: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -4752,7 +4757,7 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => unknown>;
                     default: (cell: unknown) => unknown;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "validateFunction" | "isLoading" | "displayValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "saveOnClickOutside" | "validateFunction" | "isLoading" | "displayValue">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4776,6 +4781,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                saveOnClickOutside: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -4799,6 +4808,7 @@ declare const _default: {
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 type: "input" | "dropdown";
                 cell: string;
+                saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
@@ -4832,6 +4842,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            saveOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -4866,6 +4880,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        saveOnClickOutside: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         validateFunction: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
@@ -4889,6 +4907,7 @@ declare const _default: {
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         type: "input" | "dropdown";
         cell: string;
+        saveOnClickOutside: boolean;
         validateFunction: (value: unknown) => string | boolean;
         isLoading: boolean;
         displayValue: (option: unknown) => unknown;
@@ -4905,6 +4924,7 @@ declare const _default: {
             $props: Partial<{
                 type: "input" | "dropdown";
                 cell: string;
+                saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
@@ -4918,6 +4938,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                saveOnClickOutside: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -4938,7 +4962,7 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => unknown>;
                     default: (cell: unknown) => unknown;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "validateFunction" | "isLoading" | "displayValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "saveOnClickOutside" | "validateFunction" | "isLoading" | "displayValue">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4962,6 +4986,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                saveOnClickOutside: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -4985,6 +5013,7 @@ declare const _default: {
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 type: "input" | "dropdown";
                 cell: string;
+                saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
@@ -5018,6 +5047,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            saveOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -5052,6 +5085,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        saveOnClickOutside: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         validateFunction: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
@@ -5075,6 +5112,7 @@ declare const _default: {
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         type: "input" | "dropdown";
         cell: string;
+        saveOnClickOutside: boolean;
         validateFunction: (value: unknown) => string | boolean;
         isLoading: boolean;
         displayValue: (option: unknown) => unknown;
@@ -5730,6 +5768,10 @@ declare const _default: {
                 row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
                 gridColumnTemplate: any;
             }): any;
+            "floating-row"?(_: {
+                row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
+                rowIndex: number;
+            }): any;
             "empty-state"?(_: {}): any;
             footer?(_: {}): any;
         };
@@ -6473,6 +6515,10 @@ declare const _default: {
                 row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
                 gridColumnTemplate: any;
             }): any;
+            "floating-row"?(_: {
+                row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
+                rowIndex: number;
+            }): any;
             "empty-state"?(_: {}): any;
             footer?(_: {}): any;
         };
@@ -7000,12 +7046,23 @@ declare const _default: {
         loadingAndEmptyStatesColumns: tableV3.Column[];
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<string, (_: {
+            column: tableV3.Column;
+        }) => any>> & Partial<Record<string, (_: {
             cell: any;
             isLoading: any;
             cellIndex: any;
             row: any;
             rowIndex: any;
+        }) => any>> & Partial<Record<string, (_: {
+            column: tableV3.Column;
         }) => any>> & {
+            title?(_: {}): any;
+            search?(_: {}): any;
+            "table-header-actions"?(_: {}): any;
+            "floating-row"?(_: {
+                row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
+                rowIndex: number;
+            }): any;
             "empty-state"?(_: {}): any;
         };
     })))[];
@@ -7440,12 +7497,23 @@ declare const _default: {
         loadingAndEmptyStatesColumns: tableV3.Column[];
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<string, (_: {
+            column: tableV3.Column;
+        }) => any>> & Partial<Record<string, (_: {
             cell: any;
             isLoading: any;
             cellIndex: any;
             row: any;
             rowIndex: any;
+        }) => any>> & Partial<Record<string, (_: {
+            column: tableV3.Column;
         }) => any>> & {
+            title?(_: {}): any;
+            search?(_: {}): any;
+            "table-header-actions"?(_: {}): any;
+            "floating-row"?(_: {
+                row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
+                rowIndex: number;
+            }): any;
             "empty-state"?(_: {}): any;
         };
     });

package/package.json

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

package/DataGrid.vue_vue_type_style_index_0_scoped_ff47417d_lang.css

@@ -1 +0,0 @@
-.sticky[data-v-ff47417d]{position:sticky}.table-container[data-v-ff47417d]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-ff47417d]{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-ff47417d]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-ff47417d]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-ff47417d]{width:13.75rem}.table-header.isStickyHeader[data-v-ff47417d]{z-index:calc(var(--2370adac) + 3);top:0}.table-head-container[data-v-ff47417d]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-ff47417d]{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-ff47417d]{display:inline-table}.table-header-actions[data-v-ff47417d]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-ff47417d]{position:relative}.table-row.loading[data-v-ff47417d]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-ff47417d]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-ff47417d]{border-bottom:none}.expanded-row[data-v-ff47417d]{grid-column:var(--78406f20);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-ff47417d]{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-ff47417d]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-ff47417d],table th[data-v-ff47417d]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-ff47417d]:first-of-type,table th[data-v-ff47417d]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-ff47417d]:last-of-type,table th[data-v-ff47417d]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-ff47417d],table th.expand-toggle-cell[data-v-ff47417d]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-ff47417d]{border-bottom:none;z-index:calc(var(--2370adac) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-ff47417d]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--31ad3a19)}table>thead>tr>th[data-v-ff47417d]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-ff47417d]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-ff47417d]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-ff47417d]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-ff47417d]{cursor:pointer}table>thead.sticky[data-v-ff47417d]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-ff47417d]{z-index:calc(var(--2370adac) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-ff47417d]{display:block}table>tbody>*>tr[data-v-ff47417d]{background-color:var(--background-default);min-height:var(--03815261);height:auto;display:grid;align-items:center;grid-template-columns:var(--31ad3a19)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-ff47417d]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-ff47417d],table>tbody>*>tr.activeMenu>td[data-v-ff47417d]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-ff47417d]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--03815261);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-ff47417d]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-ff47417d]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-ff47417d]{justify-content:flex-end;text-align:right}.section-container[data-v-ff47417d]{left:0}.sections[data-v-ff47417d]{display:flex}.section[data-v-ff47417d]{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-ff47417d]{width:100%}.empty-state[data-v-ff47417d]{min-height:250px}

package/EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css

@@ -1 +0,0 @@
-.editable[data-v-31bfb722]{position:relative;left:calc(var(--spacing-100) * -1);display:flex;align-items:center}.editable-wrapper[data-v-31bfb722]{display:flex;flex:1 1 auto}.editable-wrapper[data-v-31bfb722]:hover{cursor:text;background:var(--default-main)}.editable-content[data-v-31bfb722]{padding:0 var(--spacing-100);height:28px;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--border-radius-md)}.caret-icon[data-v-31bfb722]{display:none;color:var(--action-active)}.table-row:hover .editable-wrapper[data-v-31bfb722]{cursor:text;width:100%}.table-row:hover .editable-content[data-v-31bfb722]{outline:1px solid var(--action-outlined-border);outline-offset:-1px}.table-row:hover .caret-icon[data-v-31bfb722]{display:flex}

package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_29f00d79_lang.css

@@ -1 +0,0 @@
-.multi-table-container[data-v-29f00d79]{border-radius:var(--border-radius-md);border:1px solid var(--common-divider);display:flex;flex-direction:column;overflow-y:auto;width:100%}.multi-table-container .table-header-container[data-v-29f00d79]{align-items:center;background-color:var(--background-paper-elevation-0);display:flex;height:calc(var(--spacing-800) - 2px);justify-content:space-between;padding:var(--spacing-300);width:100%}.multi-table-container .table-header-container.sticky[data-v-29f00d79]{position:sticky;top:0;z-index:calc(var(--c8ad7474) + 3)}.multi-table-container[data-v-29f00d79] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-29f00d79] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-29f00d79] thead.sticky{top:62px}.multi-table-container .empty-state[data-v-29f00d79]{min-height:250px}

package/TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css

@@ -1 +0,0 @@
-.tabs-list[data-v-bab40cfe]{position:relative;padding:0;margin:0}.tabs-list--page[data-v-bab40cfe]{border-bottom:1px solid var(--common-divider);box-sizing:border-box}.tabs-list--page .tab-item[data-v-bab40cfe]{padding:0;margin-right:var(--spacing-200);min-height:calc(var(--spacing-600) - 1px)}.tabs-list--page .tabs-border-line[data-v-bab40cfe]{margin-top:-1px}.tabs-border-line[data-v-bab40cfe]{left:var(--57c21ae0);width:var(--bdc3e3e6);border-bottom:2px solid var(--primary-main);transition:left .2s ease-in-out,width .2s;position:absolute;margin-top:-2px}.tab-item[data-v-bab40cfe]{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;color:var(--action-active);gap:var(--spacing-100);vertical-align:middle;padding:0 var(--spacing-300);min-height:var(--spacing-600)}.tab-item[data-v-bab40cfe]:hover{cursor:pointer;color:var(--text-primary)}.tab-item--active[data-v-bab40cfe]{color:var(--text-primary)}.tab-item--disabled[data-v-bab40cfe]{color:var(--action-disabled);cursor:not-allowed;pointer-events:none}

package/TextField.vue_vue_type_style_index_0_scoped_eb472aa3_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-eb472aa3],.font-chart-2[data-v-eb472aa3],.font-chart-1[data-v-eb472aa3]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-eb472aa3],.font-table-label[data-v-eb472aa3],.font-button[data-v-eb472aa3],.font-heading-6[data-v-eb472aa3],.font-heading-5[data-v-eb472aa3],.font-heading-4[data-v-eb472aa3],.font-heading-3[data-v-eb472aa3],.font-heading-2[data-v-eb472aa3],.font-heading-1[data-v-eb472aa3],.font-title[data-v-eb472aa3]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-eb472aa3],.font-input-label[data-v-eb472aa3],.font-overline[data-v-eb472aa3],.font-subtitle-2[data-v-eb472aa3],.font-subtitle-1[data-v-eb472aa3]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-eb472aa3],.font-body-2[data-v-eb472aa3],.input-container .input[data-v-eb472aa3],.font-body-1[data-v-eb472aa3]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-eb472aa3]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-eb472aa3]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-eb472aa3]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-eb472aa3]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-eb472aa3]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-eb472aa3]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-eb472aa3]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-eb472aa3],.font-body-1[data-v-eb472aa3]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-eb472aa3]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-eb472aa3]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-eb472aa3]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-eb472aa3]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-eb472aa3]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-eb472aa3]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-eb472aa3]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-eb472aa3]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-eb472aa3]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-eb472aa3]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-eb472aa3],.font-tab-label2[data-v-eb472aa3]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-eb472aa3]{font-size:.75rem;line-height:1rem}h1[data-v-eb472aa3],h2[data-v-eb472aa3],h3[data-v-eb472aa3],h4[data-v-eb472aa3],h5[data-v-eb472aa3],h6[data-v-eb472aa3]{margin:0}.disabled .input[data-v-eb472aa3]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-eb472aa3]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-eb472aa3]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-eb472aa3]{height:28px}.input-size-medium[data-v-eb472aa3]{height:32px}.input-size-large[data-v-eb472aa3]{height:40px}.input-with-label-container[data-v-eb472aa3]{display:flex;flex-direction:column}.input-container[data-v-eb472aa3]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative;gap:var(--spacing-50)}.input-container[data-v-eb472aa3]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-eb472aa3]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-eb472aa3]:focus{outline:none}.input-container .input[data-v-eb472aa3]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-eb472aa3]{color:var(--text-disabled)}.input-container .input[type=number][data-v-eb472aa3]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-eb472aa3]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-eb472aa3]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-eb472aa3]{letter-spacing:4px}.input-container[data-v-eb472aa3] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-eb472aa3]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-eb472aa3]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-eb472aa3]{padding-right:var(--spacing-50)}.input-container .icon-after[data-v-eb472aa3]{padding-left:var(--spacing-50)}.prefix-text[data-v-eb472aa3]{color:var(--text-secondary, #646464);margin-right:var(--spacing-50)}.suffix-text[data-v-eb472aa3]{color:var(--text-secondary, #646464)}.focused[data-v-eb472aa3],.focused[data-v-eb472aa3]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-eb472aa3],.error-icon.error-icon[data-v-eb472aa3]:hover{color:var(--error-main)}.label-direction-left[data-v-eb472aa3]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-eb472aa3]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-eb472aa3]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-eb472aa3]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-eb472aa3]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-eb472aa3]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-eb472aa3],.variant-success .input-container[data-v-eb472aa3]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-eb472aa3],.variant-error .input-container[data-v-eb472aa3]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-eb472aa3],.variant-warning .input-container[data-v-eb472aa3]:hover{outline:2px solid var(--warning-dark)}

package/components/table/v4/utils/utils.d.ts

@@ -1,3 +0,0 @@
-import { EmptyStateVariants } from '@/components/emptyState/v4/EmptyStateV4.types';
-export declare const getEmptyVariant: (emptyStateVariant: EmptyStateVariants, searchQuery: string) => EmptyStateVariants;
-export declare const getEmptySubtitle: (emptyStateSubtitle: string, searchQuery: string) => string | undefined;

package/components/table/v4/utils/utils.js

@@ -1,5 +0,0 @@
-const a = (t, n) => t ?? (n ? "no-results" : "no-data"), e = (t, n) => t || (n ? "Search again with different filters" : void 0);
-export {
-  e as getEmptySubtitle,
-  a as getEmptyVariant
-};