@ironsource/shared-ui 2.1.7-rc.10 → 2.1.7-rc.12

package/DataGrid.vue_vue_type_style_index_0_scoped_706b324e_lang.css

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

package/EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css

@@ -0,0 +1 @@
+.editable[data-v-e0c047b4]{position:relative;left:calc(var(--spacing-100) * -1);display:flex;align-items:center}.editable-wrapper[data-v-e0c047b4]{display:flex;flex:1 1 auto}.editable-wrapper[data-v-e0c047b4]:hover{cursor:text;background:var(--default-main)}.editable-content[data-v-e0c047b4]{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-e0c047b4]{display:none;color:var(--action-active)}.table-row:hover .editable-wrapper[data-v-e0c047b4]{cursor:text;width:100%}.table-row:hover .editable-content[data-v-e0c047b4]{outline:1px solid var(--action-outlined-border);outline-offset:-1px}.table-row:hover .caret-icon[data-v-e0c047b4]{display:flex}

package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_82ba0e12_lang.css

@@ -0,0 +1 @@
+.multi-table-container[data-v-82ba0e12]{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-82ba0e12]{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-82ba0e12]{position:sticky;top:0;z-index:calc(var(--5d3fa26e) + 3)}.multi-table-container[data-v-82ba0e12] table{display:table;border:unset;border-radius:unset}.multi-table-container[data-v-82ba0e12] thead{border-top:1px solid var(--common-divider)}.multi-table-container .tables-container[data-v-82ba0e12] thead.sticky{top:62px}.multi-table-container .empty-state[data-v-82ba0e12]{min-height:250px}.multi-table-container .table-header-right[data-v-82ba0e12]{align-items:center;display:flex;height:100%}.multi-table-container .table-header-right .table-header-actions[data-v-82ba0e12]{align-items:center;display:flex;margin-left:var(--spacing-100)}

package/SortableList.vue_vue_type_style_index_0_scoped_402063dc_lang.css

@@ -0,0 +1 @@
+.list-search[data-v-402063dc]{margin-bottom:var(--spacing-100)}.sortable-list[data-v-402063dc],.locked-list[data-v-402063dc]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-402063dc]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-402063dc]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}.empty-state-title[data-v-402063dc]{color:var(--text-disabled);padding:0 8px;width:100%}.loader-bars[data-v-402063dc]{display:flex;flex-direction:column;gap:6px}.loader-bars .loader-bar[data-v-402063dc]{height:40px;width:100%}

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

package/ThemeWrapper.vue_vue_type_style_index_0_scoped_66bd448a_lang.css

@@ -0,0 +1 @@
+.theme--wrapper-container[data-v-66bd448a]{width:100%}

package/components/ThemeWrapper/ThemeWrapper.vue.js

@@ -1,8 +1,8 @@
 import e from "./ThemeWrapper.vue2.js";
 /* empty css                   *//* empty css                   */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ThemeWrapper.vue_vue_type_style_index_0_scoped_1cff50cb_lang.css"; //*');
+// import "../../ThemeWrapper.vue_vue_type_style_index_0_scoped_66bd448a_lang.css"; //*');
 // import "../../ThemeWrapper.vue_vue_type_style_index_1_lang.css";  //');
-const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1cff50cb"]]);
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-66bd448a"]]);
 export {
   t as default
 };

package/components/ThemeWrapper/ThemeWrapper.vue2.js

@@ -1,19 +1,19 @@
- import "../../ThemeWrapper.vue_vue_type_style_index_0_scoped_1cff50cb_lang.css";  import "../../ThemeWrapper.vue_vue_type_style_index_1_lang.css";  import { defineComponent as a, computed as l, openBlock as m, createElementBlock as c, normalizeClass as p, unref as u, renderSlot as i } from "vue";
-import { useThemeStore as h } from "./ThemeStrore.js";
+ import "../../ThemeWrapper.vue_vue_type_style_index_0_scoped_66bd448a_lang.css";  import "../../ThemeWrapper.vue_vue_type_style_index_1_lang.css";  import { defineComponent as a, computed as m, openBlock as l, createElementBlock as p, normalizeClass as c, unref as u, renderSlot as h } from "vue";
+import { useThemeStore as i } from "./ThemeStrore.js";
 const v = /* @__PURE__ */ a({
   __name: "ThemeWrapper",
   props: {
     version: { default: "v4" }
   },
   setup(o) {
-    const s = o, r = l(() => {
-      const e = [], { theme: t } = h(), n = t.value === "light" ? "light-theme" : "dark-theme";
-      return e.push(n), e.push(s.version), e.join("-");
+    const r = o, s = m(() => {
+      const e = [], { theme: t } = i(), n = t.value === "light" ? "light-theme" : "dark-theme";
+      return e.push(n), e.push(r.version), e.join("-");
     });
-    return (e, t) => (m(), c("div", {
-      class: p(["container", u(r)])
+    return (e, t) => (l(), p("div", {
+      class: c(["theme--wrapper-container", u(s)])
     }, [
-      i(e.$slots, "default", {}, void 0, !0)
+      h(e.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });

package/components/dropdown/v3/Dropdown.vue.d.ts

@@ -171,7 +171,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
-    container: string;
     title: string;
     theme: string;
     disabled: boolean;
@@ -180,6 +179,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     mandatory: boolean;
     testId: string;
     error: string;
+    container: string;
     placement: Placement;
     distance: number;
     popperClass: string;

package/components/dropdown/v3/index.d.ts

@@ -7,7 +7,6 @@ declare const DropdownTypes: () => (({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            container: string;
             title: string;
             theme: string;
             disabled: boolean;
@@ -16,6 +15,7 @@ declare const DropdownTypes: () => (({
             mandatory: boolean;
             testId: string;
             error: string;
+            container: string;
             placement: import("floating-vue").Placement;
             distance: number;
             popperClass: string;
@@ -42,10 +42,6 @@ declare const DropdownTypes: () => (({
             multiOptionsPlaceholderSuffix: string;
             darkTheme: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             title: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -81,6 +77,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
@@ -203,7 +203,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "title" | "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "error" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "autoFocus" | "multi" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "inlineSearch" | "onSearch" | "noResultsText" | "valueToCopy" | "helperText" | "searchPlaceholder" | "showButtonOnOpen" | "clearable" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "error" | "container" | "placement" | "distance" | "popperClass" | "selected" | "modelValue" | "placeholder" | "autoFocus" | "multi" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "inlineSearch" | "onSearch" | "noResultsText" | "valueToCopy" | "helperText" | "searchPlaceholder" | "showButtonOnOpen" | "clearable" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -218,10 +218,6 @@ declare const DropdownTypes: () => (({
         $emit: ((event: "clear") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             title: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -257,6 +253,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
@@ -391,7 +391,6 @@ declare const DropdownTypes: () => (({
             selectAll: () => void;
             clear: () => void;
         }, string, {
-            container: string;
             title: string;
             theme: string;
             disabled: boolean;
@@ -400,6 +399,7 @@ declare const DropdownTypes: () => (({
             mandatory: boolean;
             testId: string;
             error: string;
+            container: string;
             placement: import("floating-vue").Placement;
             distance: number;
             popperClass: string;
@@ -446,10 +446,6 @@ declare const DropdownTypes: () => (({
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        container: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         title: {
             type: import("vue").PropType<string>;
             default: string;
@@ -485,6 +481,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        container: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         placement: {
             type: import("vue").PropType<import("floating-vue").Placement>;
             default: string;
@@ -615,10 +615,6 @@ declare const DropdownTypes: () => (({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    container: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     title: {
         type: import("vue").PropType<string>;
         default: string;
@@ -654,6 +650,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    container: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     placement: {
         type: import("vue").PropType<import("floating-vue").Placement>;
         default: string;
@@ -788,7 +788,6 @@ declare const DropdownTypes: () => (({
     selectAll: () => void;
     clear: () => void;
 }, string, {
-    container: string;
     title: string;
     theme: string;
     disabled: boolean;
@@ -797,6 +796,7 @@ declare const DropdownTypes: () => (({
     mandatory: boolean;
     testId: string;
     error: string;
+    container: string;
     placement: import("floating-vue").Placement;
     distance: number;
     popperClass: string;

package/components/dropdown/v4/DropdownV4.vue.d.ts

@@ -231,13 +231,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
-    container: string;
     theme: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
     flip: boolean;
     mandatory: boolean;
     testId: string;
+    container: string;
     placement: Placement;
     distance: number;
     popperClass: string;

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

@@ -1499,13 +1499,13 @@ declare const DropdownTypes: () => (({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            container: string;
             theme: string;
             disabled: boolean;
             size: "small" | "medium" | "large";
             flip: boolean;
             mandatory: boolean;
             testId: string;
+            container: string;
             placement: import("floating-vue").Placement;
             distance: number;
             popperClass: string;
@@ -1549,10 +1549,6 @@ declare const DropdownTypes: () => (({
             disableVirtualScroll: boolean;
             overrideOptionCountCalculation: (option: unknown) => number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             theme: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1580,6 +1576,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
@@ -1768,7 +1768,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1783,10 +1783,6 @@ declare const DropdownTypes: () => (({
         $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             theme: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1814,6 +1810,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
@@ -2015,13 +2015,13 @@ declare const DropdownTypes: () => (({
             clear: () => void;
             copyToClipboard: () => void;
         }, string, {
-            container: string;
             theme: string;
             disabled: boolean;
             size: "small" | "medium" | "large";
             flip: boolean;
             mandatory: boolean;
             testId: string;
+            container: string;
             placement: import("floating-vue").Placement;
             distance: number;
             popperClass: string;
@@ -2085,10 +2085,6 @@ declare const DropdownTypes: () => (({
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        container: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         theme: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2116,6 +2112,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        container: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         placement: {
             type: import("vue").PropType<import("floating-vue").Placement>;
             default: string;
@@ -2312,10 +2312,6 @@ declare const DropdownTypes: () => (({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    container: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     theme: {
         type: import("vue").PropType<string>;
         default: string;
@@ -2343,6 +2339,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    container: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     placement: {
         type: import("vue").PropType<import("floating-vue").Placement>;
         default: string;
@@ -2544,13 +2544,13 @@ declare const DropdownTypes: () => (({
     clear: () => void;
     copyToClipboard: () => void;
 }, string, {
-    container: string;
     theme: string;
     disabled: boolean;
     size: "small" | "medium" | "large";
     flip: boolean;
     mandatory: boolean;
     testId: string;
+    container: string;
     placement: import("floating-vue").Placement;
     distance: number;
     popperClass: string;

package/components/input/v4/TextField.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextField.vue2.js";
 /* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-eb472aa3"]]);
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css"; //*');
+const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4d9bf5b2"]]);
 export {
-  a as default
+  d as default
 };

package/components/input/v4/TextField.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
 import v from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import X from "../../tooltip/v4/TooltipV4.vue.js";

package/components/menu/Menu.vue.d.ts

@@ -27,9 +27,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     skidding: number;
     testId: string;
 }>>>, {
-    container: string;
     theme: string;
     testId: string;
+    container: string;
     distance: number;
     isOnTop: boolean;
     skidding: number;

package/components/menu/index.d.ts

@@ -3,22 +3,22 @@ declare const MenuTypes: () => ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            container: string;
             theme: string;
             testId: string;
+            container: string;
             distance: number;
             isOnTop: boolean;
             skidding: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            container: {
+            theme: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            theme: {
+            testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            testId: {
+            container: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -34,7 +34,7 @@ declare const MenuTypes: () => ({
                 type: import("vue").PropType<number>;
                 default: number;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "theme" | "testId" | "distance" | "isOnTop" | "skidding">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "container" | "distance" | "isOnTop" | "skidding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -49,15 +49,15 @@ declare const MenuTypes: () => ({
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            container: {
+            theme: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            theme: {
+            testId: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            testId: {
+            container: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -74,9 +74,9 @@ declare const MenuTypes: () => ({
                 default: number;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            container: string;
             theme: string;
             testId: string;
+            container: string;
             distance: number;
             isOnTop: boolean;
             skidding: number;
@@ -101,15 +101,15 @@ declare const MenuTypes: () => ({
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        container: {
+        theme: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        theme: {
+        testId: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        testId: {
+        container: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -130,15 +130,15 @@ declare const MenuTypes: () => ({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    container: {
+    theme: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    theme: {
+    testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    testId: {
+    container: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -155,9 +155,9 @@ declare const MenuTypes: () => ({
         default: number;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    container: string;
     theme: string;
     testId: string;
+    container: string;
     distance: number;
     isOnTop: boolean;
     skidding: number;

package/components/sortableList/SortableList.vue.d.ts

@@ -9,6 +9,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showSearch?: boolean;
     searchPlaceholder?: string;
     searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
+    isLoading?: boolean;
+    loadingRowCount?: number;
+    emptyStateTitle?: string;
     testId?: string;
 }>, {
     items: () => any[];
@@ -20,6 +23,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showSearch: boolean;
     searchPlaceholder: string;
     searchHandler: any;
+    isLoading: boolean;
+    loadingRowCount: number;
+    emptyStateTitle: string;
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:items": (items: SortableListItem[]) => void;
@@ -38,6 +44,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showSearch?: boolean;
     searchPlaceholder?: string;
     searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
+    isLoading?: boolean;
+    loadingRowCount?: number;
+    emptyStateTitle?: string;
     testId?: string;
 }>, {
     items: () => any[];
@@ -49,6 +58,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showSearch: boolean;
     searchPlaceholder: string;
     searchHandler: any;
+    isLoading: boolean;
+    loadingRowCount: number;
+    emptyStateTitle: string;
     testId: string;
 }>>> & {
     "onUpdate:items"?: (items: SortableListItem[]) => any;
@@ -60,6 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     search: string;
     testId: string;
+    isLoading: boolean;
     displayValue: (item: SortableListItem) => string;
     searchPlaceholder: string;
     items: SortableListItem[];
@@ -68,10 +81,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     openId: string | number;
     selectedId: string | number;
     showSearch: boolean;
+    loadingRowCount: number;
+    emptyStateTitle: string;
 }>, {
     menu?(_: {
         item: SortableListItem;
     }): any;
+    loader?(_: {}): any;
+    "empty-state"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/sortableList/SortableList.vue.js

@@ -1,7 +1,7 @@
 import o from "./SortableList.vue2.js";
 /* empty css                   */import t from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../SortableList.vue_vue_type_style_index_0_scoped_21842d59_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-21842d59"]]);
+// import "../../SortableList.vue_vue_type_style_index_0_scoped_402063dc_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-402063dc"]]);
 export {
-  p as default
+  c as default
 };