@ironsource/shared-ui 2.1.3-rc.7 → 2.1.3-rc.9

package/Alert.vue_vue_type_style_index_0_scoped_203b6bd1_lang.css

@@ -0,0 +1 @@
+.alert[data-v-203b6bd1]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-203b6bd1]{border-radius:var(--border-radius-lg)}.alert--success[data-v-203b6bd1]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-203b6bd1]{color:var(--success-main)}.alert--warning[data-v-203b6bd1]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-203b6bd1]{color:var(--warning-main)}.alert--danger[data-v-203b6bd1]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-203b6bd1]{color:var(--error-main)}.alert--info[data-v-203b6bd1]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-203b6bd1]{color:var(--info-main)}.alert--standard[data-v-203b6bd1]{outline:none}.alert--outlined[data-v-203b6bd1]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-203b6bd1]{align-self:flex-start}.alert-content[data-v-203b6bd1]{flex:1;margin:0 var(--spacing-150)}.alert-title[data-v-203b6bd1]{color:var(--text-primary);line-height:20px}.alert-description[data-v-203b6bd1]{color:var(--text-secondary)}.close-button[data-v-203b6bd1]{margin-left:var(--spacing-100)}

package/FormRow.vue_vue_type_style_index_0_scoped_c5265707_lang.css

@@ -0,0 +1 @@
+.form-row[data-v-c5265707]{display:flex;height:auto;gap:1.5rem;align-items:baseline}.form-row .label-container[data-v-c5265707]{display:flex;align-items:center;min-height:1.75rem;height:100%;width:12.875rem;gap:.25rem;flex-shrink:0}.form-row .label-container[data-v-c5265707] .field-label{margin-bottom:0}.form-row .content[data-v-c5265707]{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;width:100%}

package/TextAreaV4.vue_vue_type_style_index_0_scoped_0336a92f_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-0336a92f],.font-chart-2[data-v-0336a92f],.font-chart-1[data-v-0336a92f]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-0336a92f],.font-table-label[data-v-0336a92f],.font-button[data-v-0336a92f],.font-heading-6[data-v-0336a92f],.font-heading-5[data-v-0336a92f],.font-heading-4[data-v-0336a92f],.font-heading-3[data-v-0336a92f],.font-heading-2[data-v-0336a92f],.font-heading-1[data-v-0336a92f],.font-title[data-v-0336a92f]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-0336a92f],.font-input-label[data-v-0336a92f],.font-overline[data-v-0336a92f],.font-subtitle-2[data-v-0336a92f],.font-subtitle-1[data-v-0336a92f]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-0336a92f],.font-body-2[data-v-0336a92f],.textarea[data-v-0336a92f],.font-body-1[data-v-0336a92f]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-0336a92f]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-0336a92f]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-0336a92f]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-0336a92f]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-0336a92f]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-0336a92f]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-0336a92f]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.textarea[data-v-0336a92f],.font-body-1[data-v-0336a92f]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-0336a92f]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-0336a92f]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-0336a92f]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-0336a92f]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-0336a92f]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-0336a92f]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-0336a92f]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-0336a92f]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-0336a92f]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-0336a92f]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-0336a92f],.font-tab-label2[data-v-0336a92f]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-0336a92f]{font-size:.75rem;line-height:1rem}h1[data-v-0336a92f],h2[data-v-0336a92f],h3[data-v-0336a92f],h4[data-v-0336a92f],h5[data-v-0336a92f],h6[data-v-0336a92f]{margin:0}.textarea-field[data-v-0336a92f]{display:flex;flex-direction:column}.textarea[data-v-0336a92f]{flex-grow:1;background:var(--default-main);color:var(--text-primary);padding:var(--spacing-125) var(--spacing-100);height:calc(var(--spacing-900) - 1px);width:100%;border:none;border-radius:var(--border-radius-md);outline:1px solid var(--action-outlined-border)}.textarea[data-v-0336a92f]:hover{outline:1px solid var(--action-active)}.textarea[data-v-0336a92f]:focus{outline:2px solid var(--primary-main)}.textarea[data-v-0336a92f]::placeholder{color:var(--text-secondary)}.textarea--disabled[data-v-0336a92f]{color:var(--text-disabled)}.textarea--disabled[data-v-0336a92f]::placeholder{color:var(--text-disabled)}.textarea--disabled[data-v-0336a92f]:hover{outline:1px solid var(--action-outlined-border)}.textarea--variant-success[data-v-0336a92f],.textarea--variant-success[data-v-0336a92f]:hover,.textarea--variant-success[data-v-0336a92f]:focus{outline:2px solid var(--success-dark)}.textarea--variant-error[data-v-0336a92f],.textarea--variant-error[data-v-0336a92f]:hover,.textarea--variant-error[data-v-0336a92f]:focus{outline:2px solid var(--error-main)}.textarea--variant-warning[data-v-0336a92f],.textarea--variant-warning[data-v-0336a92f]:hover,.textarea--variant-warning[data-v-0336a92f]:focus{outline:2px solid var(--warning-dark)}.textarea-label[data-v-0336a92f]{flex-grow:initial}.footer[data-v-0336a92f]{display:flex;justify-content:flex-end;align-items:center;margin:var(--spacing-50) 0}

package/components/alert/Alert.vue.js

@@ -0,0 +1,7 @@
+import o from "./Alert.vue2.js";
+/* empty css            */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Alert.vue_vue_type_style_index_0_scoped_203b6bd1_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-203b6bd1"]]);
+export {
+  p as default
+};

package/components/alert/Alert.vue2.js

@@ -0,0 +1,86 @@
+ import "../../Alert.vue_vue_type_style_index_0_scoped_203b6bd1_lang.css"; import { defineComponent as k, computed as x, openBlock as l, createElementBlock as B, mergeProps as a, unref as e, createVNode as I, normalizeClass as v, createElementVNode as N, createBlock as r, withCtx as u, createTextVNode as m, toDisplayString as f, createCommentVNode as i } from "vue";
+import T from "../typography/v4/Typography.vue.js";
+import A from "../icon/v4/IconV4.vue.js";
+import C from "../button/v4/ButtonV4.vue.js";
+import E from "../button/v4/IconButtonV4.vue.js";
+import { useTestIdAttrs as p } from "../../utils/testIds.js";
+import { AlertTestIdModifiers as o } from "../../testids/index.js";
+const b = { class: "alert-content" }, $ = /* @__PURE__ */ k({
+  __name: "Alert",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    color: { default: "success" },
+    variant: { default: "standard" },
+    dismissible: { type: Boolean, default: !1 },
+    actionText: { default: "" },
+    rounded: { type: Boolean, default: !0 },
+    testId: { default: "" }
+  },
+  emits: ["close"],
+  setup(t, { emit: y }) {
+    const s = t, g = x(() => {
+      const c = {
+        success: "check-circle",
+        warning: "warning",
+        danger: "warning-octagon",
+        info: "info"
+      };
+      return c[s.color] || c.success;
+    }), n = p(s.testId, o);
+    return (c, d) => (l(), B("div", a({
+      class: ["alert", {
+        [`alert--${t.color}`]: !0,
+        [`alert--${t.variant}`]: !0,
+        "alert--rounded": t.rounded
+      }]
+    }, e(n)[e(o).WRAPPER]), [
+      I(e(A), {
+        name: e(g),
+        class: v(["alert-icon", { "alert-icon--align-top": t.title && t.description }]),
+        type: "fill",
+        size: "20px"
+      }, null, 8, ["name", "class"]),
+      N("div", b, [
+        t.title ? (l(), r(e(T), a({
+          key: 0,
+          class: "alert-title",
+          variant: "h4"
+        }, e(n)[e(o).TITLE]), {
+          default: u(() => [
+            m(f(t.title), 1)
+          ]),
+          _: 1
+        }, 16)) : i("", !0),
+        t.description ? (l(), r(e(T), a({
+          key: 1,
+          class: "alert-description",
+          variant: "body1"
+        }, e(n)[e(o).MESSAGE]), {
+          default: u(() => [
+            m(f(t.description), 1)
+          ]),
+          _: 1
+        }, 16)) : i("", !0)
+      ]),
+      t.actionText ? (l(), r(e(C), a({
+        key: 0,
+        variant: "outlined",
+        content: t.actionText,
+        color: t.color,
+        size: "small"
+      }, e(n)[e(o).ACTION_BUTTON]), null, 16, ["content", "color"])) : i("", !0),
+      t.dismissible ? (l(), r(e(E), a({
+        key: 1,
+        class: "close-button",
+        "icon-name": "x",
+        size: "small"
+      }, e(n)[e(o).CLOSE_BUTTON], {
+        onClick: d[0] || (d[0] = (h) => y("close"))
+      }), null, 16)) : i("", !0)
+    ], 16));
+  }
+});
+export {
+  $ as default
+};

package/components/alert/index.js

@@ -0,0 +1,6 @@
+import r from "./Alert.vue.js";
+const e = () => [r];
+export {
+  r as Alert,
+  e as AlertTypes
+};

package/components/button/v4/ButtonV4.vue2.js

@@ -1,90 +1 @@
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as u, renderSlot as m, createTextVNode as z, toDisplayString as g } from "vue";
-import I from "../../typography/v4/Typography.vue.js";
-import y from "../../icon/v4/IconV4.vue.js";
-import b from "../../loader/v4/Loader.vue.js";
-const k = ["data-testid", "disabled"], v = { key: 0 }, V = /* @__PURE__ */ N({
-  __name: "ButtonV4",
-  props: {
-    variant: { default: "contained" },
-    color: { default: "primary" },
-    size: { default: "medium" },
-    loading: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    testId: { default: "" },
-    content: { default: "" },
-    startIconName: { default: null },
-    endIconName: { default: null },
-    startIconType: { default: "regular" },
-    endIconType: { default: "regular" }
-  },
-  setup(e) {
-    const d = e, o = h(
-      () => d.size === "small" || d.size === "medium" ? 16 : 20
-    );
-    return (l, w) => (a(), s("button", {
-      class: i([[
-        e.size,
-        e.color,
-        e.variant,
-        { loading: e.loading },
-        {
-          "with-start-icon": !!e.startIconName,
-          "with-end-icon": !!e.endIconName
-        }
-      ], "button-wrap"]),
-      "data-testid": d.testId,
-      disabled: e.disabled
-    }, [
-      e.loading ? n("", !0) : (a(), s("span", v, [
-        r("div", {
-          class: i({
-            flex: e.startIconName || e.endIconName
-          })
-        }, [
-          e.startIconName ? (a(), f(t(y), {
-            key: 0,
-            name: e.startIconName,
-            size: `${t(o)}px`,
-            type: e.startIconType,
-            class: "start-icon"
-          }, null, 8, ["name", "size", "type"])) : n("", !0),
-          c(t(I), { variant: "button" }, {
-            default: u(() => [
-              m(l.$slots, "default", {}, () => [
-                z(g(e.content), 1)
-              ], !0)
-            ]),
-            _: 3
-          }),
-          e.endIconName ? (a(), f(t(y), {
-            key: 1,
-            name: e.endIconName,
-            size: `${t(o)}px`,
-            type: e.endIconType,
-            class: "end-icon"
-          }, null, 8, ["name", "size", "type"])) : n("", !0)
-        ], 2)
-      ])),
-      e.loading ? m(l.$slots, "loader", { key: 1 }, () => [
-        c(t(b), { "max-width": t(o) }, {
-          default: u(() => [
-            r("div", {
-              class: i({ "content-with-icon": e.startIconName || e.endIconName })
-            }, [
-              c(t(I), { variant: "button" }, {
-                default: u(() => [
-                  m(l.$slots, "default", {}, void 0, !0)
-                ]),
-                _: 3
-              })
-            ], 2)
-          ]),
-          _: 3
-        }, 8, ["max-width"])
-      ], !0) : n("", !0)
-    ], 10, k));
-  }
-});
-export {
-  V as default
-};
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css"; 

package/components/forms/FormRow.vue.d.ts

@@ -2,22 +2,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: string;
     mandatory?: boolean;
     testId?: string;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }>, {
     label: string;
     mandatory: boolean;
     testId: string;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     mandatory?: boolean;
     testId?: string;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }>, {
     label: string;
     mandatory: boolean;
     testId: string;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
 }>>>, {
     label: string;
     mandatory: boolean;
     testId: string;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }>, {
     default?(_: {}): any;
 }>;

package/components/forms/FormRow.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormRow.vue2.js";
 /* empty css              */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FormRow.vue_vue_type_style_index_0_scoped_39f48410_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-39f48410"]]);
+// import "../../FormRow.vue_vue_type_style_index_0_scoped_c5265707_lang.css"; //*');
+const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c5265707"]]);
 export {
-  p as default
+  c as default
 };

package/components/forms/FormRow.vue2.js

@@ -1,41 +1,34 @@
- import "../../FormRow.vue_vue_type_style_index_0_scoped_39f48410_lang.css"; import { defineComponent as c, openBlock as t, createElementBlock as a, createVNode as i, unref as o, withCtx as l, createTextVNode as d, toDisplayString as m, createBlock as u, createCommentVNode as r, createElementVNode as f, renderSlot as y } from "vue";
-import n from "../typography/v4/Typography.vue.js";
-const p = { class: "form-row" }, _ = ["data-testid"], h = { class: "content" }, B = /* @__PURE__ */ c({
+ import "../../FormRow.vue_vue_type_style_index_0_scoped_c5265707_lang.css"; import { defineComponent as o, openBlock as t, createElementBlock as l, createVNode as d, createCommentVNode as n, createElementVNode as r, renderSlot as c } from "vue";
+import m from "../shared/FieldLabel.vue.js";
+const s = { class: "form-row" }, h = {
+  key: 0,
+  class: "label-container"
+}, i = { class: "content" }, p = /* @__PURE__ */ o({
   __name: "FormRow",
   props: {
     label: { default: "" },
     mandatory: { type: Boolean, default: !1 },
-    testId: { default: "" }
+    testId: { default: "" },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" }
   },
   setup(e) {
-    return (s, b) => (t(), a("div", p, [
-      e.label ? (t(), a("div", {
-        key: 0,
-        "data-testid": e.testId,
-        class: "label-container"
-      }, [
-        i(o(n), { variant: "inputLabel" }, {
-          default: l(() => [
-            d(m(e.label), 1)
-          ]),
-          _: 1
-        }),
-        e.mandatory ? (t(), u(o(n), {
-          key: 0,
-          class: "mandatory"
-        }, {
-          default: l(() => [
-            d("*")
-          ]),
-          _: 1
-        })) : r("", !0)
-      ], 8, _)) : r("", !0),
-      f("div", h, [
-        y(s.$slots, "default", {}, void 0, !0)
+    return (a, f) => (t(), l("div", s, [
+      e.label ? (t(), l("div", h, [
+        d(m, {
+          label: e.label,
+          mandatory: e.mandatory,
+          "hover-help-text": e.hoverHelpText,
+          "hover-help-text-placement": e.hoverHelpTextPlacement,
+          "data-testid": e.testId
+        }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "data-testid"])
+      ])) : n("", !0),
+      r("div", i, [
+        c(a.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
 });
 export {
-  B as default
+  p as default
 };

package/components/forms/index.d.ts

@@ -383,6 +383,8 @@ declare const FormCardTypes: () => (({
             label: string;
             mandatory: boolean;
             testId: string;
+            hoverHelpText: string;
+            hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
@@ -397,7 +399,15 @@ declare const FormCardTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "mandatory" | "testId">;
+            hoverHelpText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            hoverHelpTextPlacement: {
+                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -425,10 +435,20 @@ declare const FormCardTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            hoverHelpText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            hoverHelpTextPlacement: {
+                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                default: string;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             label: string;
             mandatory: boolean;
             testId: string;
+            hoverHelpText: string;
+            hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -463,6 +483,14 @@ declare const FormCardTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        hoverHelpTextPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            default: string;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -481,10 +509,20 @@ declare const FormCardTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    hoverHelpText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hoverHelpTextPlacement: {
+        type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: string;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     label: string;
     mandatory: boolean;
     testId: string;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/textArea/v4/TextAreaV4.vue.d.ts

@@ -12,6 +12,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     feedbackVariant?: FeedbackVariant;
     feedbackText?: string;
     showFeedbackTextIcon?: boolean;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    height?: string;
     testId?: string;
 }>, {
     modelValue: string;
@@ -25,7 +27,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     feedbackText: string;
     feedbackVariant: any;
     showFeedbackTextIcon: boolean;
+    resize: string;
     testId: string;
+    height: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -40,6 +44,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     feedbackVariant?: FeedbackVariant;
     feedbackText?: string;
     showFeedbackTextIcon?: boolean;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    height?: string;
     testId?: string;
 }>, {
     modelValue: string;
@@ -53,12 +59,16 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     feedbackText: string;
     feedbackVariant: any;
     showFeedbackTextIcon: boolean;
+    resize: string;
     testId: string;
+    height: any;
 }>>> & {
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
     label: string;
     disabled: boolean;
+    height: string;
+    resize: 'none' | 'vertical' | 'horizontal' | 'both';
     mandatory: boolean;
     testId: string;
     modelValue: string;

package/components/textArea/v4/TextAreaV4.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextAreaV4.vue2.js";
 /* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_6e91a617_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-6e91a617"]]);
+// import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_0336a92f_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-0336a92f"]]);
 export {
   a as default
 };

package/components/textArea/v4/TextAreaV4.vue2.js

@@ -1,16 +1,13 @@
- import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_6e91a617_lang.css"; import { defineComponent as x, computed as b, openBlock as t, createElementBlock as c, mergeProps as i, unref as a, createBlock as n, createCommentVNode as d, createElementVNode as v } from "vue";
-import g from "../../shared/FieldLabel.vue.js";
+ import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_0336a92f_lang.css"; import { defineComponent as s, computed as b, openBlock as t, createElementBlock as i, mergeProps as c, unref as a, createBlock as n, createCommentVNode as l, createElementVNode as g } from "vue";
+import v from "../../shared/FieldLabel.vue.js";
 import k from "../../shared/FieldMaxLength.vue.js";
 import T from "../../shared/FieldHelpText.vue.js";
-import { TextAreaTestIdModifiers as o } from "../../../testids/index.js";
+import { TextAreaTestIdModifiers as u } from "../../../testids/index.js";
 import { useTestIdAttrs as V } from "../../../utils/testIds.js";
-const I = ["value", "placeholder", "disabled", "maxlength"], y = {
+const y = ["value", "placeholder", "disabled", "maxlength"], I = {
   key: 1,
   class: "footer"
-}, L = {
-  inheritAttrs: !1
-}, E = /* @__PURE__ */ x({
-  ...L,
+}, w = /* @__PURE__ */ s({
   __name: "TextAreaV4",
   props: {
     modelValue: { default: "" },
@@ -24,51 +21,54 @@ const I = ["value", "placeholder", "disabled", "maxlength"], y = {
     feedbackVariant: { default: null },
     feedbackText: { default: "" },
     showFeedbackTextIcon: { type: Boolean, default: !0 },
+    resize: { default: "none" },
+    height: { default: null },
     testId: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: m }) {
-    const r = e, h = (l) => {
-      m("update:modelValue", l.target.value);
-    }, f = b(() => (r.modelValue || "").length), u = V(r.testId, o);
-    return (l, s) => (t(), c("div", i({ class: "textarea-field" }, a(u)[a(o).WRAPPER]), [
-      e.label ? (t(), n(g, {
+  setup(e, { emit: h }) {
+    const o = e, m = (d) => {
+      h("update:modelValue", d.target.value);
+    }, x = b(() => (o.modelValue || "").length), r = V(o.testId, u);
+    return (d, f) => (t(), i("div", c({ class: "textarea-field" }, a(r)[a(u).WRAPPER]), [
+      e.label ? (t(), n(v, {
         key: 0,
+        class: "textarea-label",
         label: e.label,
         mandatory: e.mandatory,
         "hover-help-text": e.hoverHelpText,
         "hover-help-text-placement": e.hoverHelpTextPlacement,
         disabled: e.disabled,
         "test-id": e.testId
-      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : d("", !0),
-      v("textarea", i({ ...l.$attrs, ...a(u)[a(o).FIELD] }, {
+      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : l("", !0),
+      g("textarea", c({
         class: ["textarea", {
           "textarea--disabled": e.disabled,
           [`textarea--variant-${e.feedbackVariant}`]: !0
         }],
+        style: { resize: e.resize, height: e.height },
         value: e.modelValue,
         placeholder: e.placeholder,
         disabled: e.disabled,
-        maxlength: e.maxLength,
-        onInput: h
-      }), null, 16, I),
-      e.feedbackText || e.maxLength ? (t(), c("div", y, [
+        maxlength: e.maxLength
+      }, a(r)[a(u).FIELD], { onInput: m }), null, 16, y),
+      e.feedbackText || e.maxLength ? (t(), i("div", I, [
         e.feedbackText ? (t(), n(T, {
           key: 0,
           text: e.feedbackText,
           variant: e.feedbackVariant,
           "show-icon": e.showFeedbackTextIcon,
           "test-id": e.testId
-        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : d("", !0),
+        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : l("", !0),
         e.maxLength ? (t(), n(k, {
           key: 1,
-          "current-length": a(f),
+          "current-length": a(x),
           "max-length": e.maxLength
-        }, null, 8, ["current-length", "max-length"])) : d("", !0)
-      ])) : d("", !0)
+        }, null, 8, ["current-length", "max-length"])) : l("", !0)
+      ])) : l("", !0)
     ], 16));
   }
 });
 export {
-  E as default
+  w as default
 };

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

@@ -7,6 +7,14 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    height: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    resize: {
+        type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+        default: string;
+    };
     mandatory: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -58,6 +66,14 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    height: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    resize: {
+        type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+        default: string;
+    };
     mandatory: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -103,6 +119,8 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
 }, {
     label: string;
     disabled: boolean;
+    height: string;
+    resize: "both" | "none" | "horizontal" | "vertical";
     mandatory: boolean;
     testId: string;
     modelValue: string;

package/index.d.ts

@@ -1127,6 +1127,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        height: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        resize: {
+            type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+            default: string;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1178,6 +1186,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        height: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        resize: {
+            type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+            default: string;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1223,6 +1239,8 @@ declare const _default: {
     }, {
         label: string;
         disabled: boolean;
+        height: string;
+        resize: "both" | "none" | "horizontal" | "vertical";
         mandatory: boolean;
         testId: string;
         modelValue: string;
@@ -1243,6 +1261,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        height: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        resize: {
+            type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+            default: string;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1294,6 +1320,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        height: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        resize: {
+            type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+            default: string;
+        };
         mandatory: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1339,6 +1373,8 @@ declare const _default: {
     }, {
         label: string;
         disabled: boolean;
+        height: string;
+        resize: "both" | "none" | "horizontal" | "vertical";
         mandatory: boolean;
         testId: string;
         modelValue: string;
@@ -17596,3 +17632,4 @@ export * from '@/composables/useFormValidation';
 export * from '@/components/dateRange';
 export * from '@/components/datePicker';
 export * from '@/components/banner';
+export * from '@/components/alert';

package/index.js

@@ -65,35 +65,37 @@ import { scrollToElementByClass as vo, scrollToFirstInvalidElement as ko, useFor
 import { DateRangeTypes as So } from "./components/dateRange/index.js";
 import { DatePickerTypes as No } from "./components/datePicker/index.js";
 import { BannerTypes as jo } from "./components/banner/index.js";
-import { default as zo } from "./components/appTrigger/AppTrigger.vue.js";
-import { default as Jo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
-import { default as Yo } from "./components/menuItem/MenuItem.vue.js";
-import { default as Qo } from "./components/menu/Menu.vue.js";
-import { default as Wo } from "./components/appIcon/AppIcon.vue.js";
-import { default as Zo } from "./components/floatingToolbar/FloatingToolbar.vue.js";
-import { default as rr } from "./components/includeExclude/IncludeExclude.vue.js";
-import { default as tr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
-import { default as pr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
-import { default as fr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
-import { default as dr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
-import { default as xr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
-import { default as lr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
-import { default as $r } from "./components/cssBaseline/CssBaseline.vue.js";
-import { default as cr } from "./components/filterDropdown/FilterDropdown.vue.js";
-import { default as gr } from "./components/filterDropdown/AddFilterButton.vue.js";
-import { default as Ir } from "./components/typography/Heading.vue.js";
-import { default as Er } from "./components/typography/Text.vue.js";
-import { default as Br } from "./components/typography/v4/Typography.vue.js";
-import { default as br } from "./components/popover/Popover.vue.js";
-import { default as wr } from "./components/multibar/MultiBar.vue.js";
-import { default as Pr } from "./components/layout/FoldableSection.vue.js";
-import { default as kr } from "./components/forms/FormRow.vue.js";
-import { default as Or } from "./components/forms/FormCard.vue.js";
-import { default as Sr } from "./components/forms/CardPanel.vue.js";
-import { default as Nr } from "./components/forms/FormField.vue.js";
-import { default as jr } from "./components/dateRange/DateRange.vue.js";
-import { default as zr } from "./components/datePicker/DatePicker.vue.js";
-import { default as Jr } from "./components/banner/Banner.vue.js";
+import { AlertTypes as zo } from "./components/alert/index.js";
+import { default as Jo } from "./components/appTrigger/AppTrigger.vue.js";
+import { default as Yo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
+import { default as Qo } from "./components/menuItem/MenuItem.vue.js";
+import { default as Wo } from "./components/menu/Menu.vue.js";
+import { default as Zo } from "./components/appIcon/AppIcon.vue.js";
+import { default as rr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
+import { default as tr } from "./components/includeExclude/IncludeExclude.vue.js";
+import { default as pr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
+import { default as fr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
+import { default as dr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
+import { default as xr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
+import { default as lr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
+import { default as $r } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
+import { default as cr } from "./components/cssBaseline/CssBaseline.vue.js";
+import { default as gr } from "./components/filterDropdown/FilterDropdown.vue.js";
+import { default as Ir } from "./components/filterDropdown/AddFilterButton.vue.js";
+import { default as Er } from "./components/typography/Heading.vue.js";
+import { default as Br } from "./components/typography/Text.vue.js";
+import { default as br } from "./components/typography/v4/Typography.vue.js";
+import { default as wr } from "./components/popover/Popover.vue.js";
+import { default as Pr } from "./components/multibar/MultiBar.vue.js";
+import { default as kr } from "./components/layout/FoldableSection.vue.js";
+import { default as Or } from "./components/forms/FormRow.vue.js";
+import { default as Sr } from "./components/forms/FormCard.vue.js";
+import { default as Nr } from "./components/forms/CardPanel.vue.js";
+import { default as jr } from "./components/forms/FormField.vue.js";
+import { default as zr } from "./components/dateRange/DateRange.vue.js";
+import { default as Jr } from "./components/datePicker/DatePicker.vue.js";
+import { default as Yr } from "./components/banner/Banner.vue.js";
+import { default as Qr } from "./components/alert/Alert.vue.js";
 const G = {
   ...e,
   ...t,
@@ -141,53 +143,55 @@ const G = {
   ...z
 };
 export {
-  gr as AddFilterButton,
-  Wo as AppIcon,
+  Ir as AddFilterButton,
+  Qr as Alert,
+  zo as AlertTypes,
+  Zo as AppIcon,
   ro as AppIconTypes,
-  zo as AppTrigger,
+  Jo as AppTrigger,
   Y as AppTriggerTypes,
-  Jo as AutocompleteDropdown,
+  Yo as AutocompleteDropdown,
   Q as AutocompleteDropdownTypes,
-  Jr as Banner,
+  Yr as Banner,
   jo as BannerTypes,
-  Sr as CardPanel,
-  $r as CssBaseline,
+  Nr as CardPanel,
+  cr as CssBaseline,
   fo as CssBaselineTypes,
-  zr as DatePicker,
+  Jr as DatePicker,
   No as DatePickerTypes,
-  jr as DateRange,
+  zr as DateRange,
   So as DateRangeTypes,
-  cr as FilterDropdown,
+  gr as FilterDropdown,
   lo as FilterDropdownTypes,
-  Zo as FloatingToolbar,
+  rr as FloatingToolbar,
   to as FloatingToolbarTypes,
-  Pr as FoldableSection,
+  kr as FoldableSection,
   Eo as FoldableSectionTypes,
-  Or as FormCard,
+  Sr as FormCard,
   Bo as FormCardTypes,
-  Nr as FormField,
+  jr as FormField,
   Co as FormFieldTypes,
-  kr as FormRow,
-  Ir as Heading,
+  Or as FormRow,
+  Er as Heading,
   so as ID_INJECTION_KEY,
-  rr as IncludeExclude,
-  xr as IncludeExcludeAppHeader,
-  dr as IncludeExcludeAppTrigger,
-  lr as IncludeExcludeChipFilter,
-  tr as IncludeExcludeDragDrop,
-  pr as IncludeExcludeOption,
-  fr as IncludeExcludeOptionDraggable,
+  tr as IncludeExclude,
+  lr as IncludeExcludeAppHeader,
+  xr as IncludeExcludeAppTrigger,
+  $r as IncludeExcludeChipFilter,
+  pr as IncludeExcludeDragDrop,
+  fr as IncludeExcludeOption,
+  dr as IncludeExcludeOptionDraggable,
   po as IncludeExcludeTypes,
-  Qo as Menu,
-  Yo as MenuItem,
+  Wo as Menu,
+  Qo as MenuItem,
   W as MenuItemTypes,
   Z as MenuTypes,
-  wr as MultiBar,
+  Pr as MultiBar,
   Io as MultiBarTypes,
-  br as Popover,
+  wr as Popover,
   go as PopoverTypes,
-  Er as Text,
-  Br as Typography,
+  Br as Text,
+  br as Typography,
   $o as TypographyTypes,
   co as TypographyTypesV4,
   G as default,

package/package.json

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

package/testids/index.js

@@ -1,33 +1,34 @@
-var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), R = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(R || {}), t = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(t || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(A || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E))(N || {}), O = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(O || {}), L = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E))(L || {}), P = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(P || {}), c = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(c || {}), n = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E.CLEAR = "search-clear", E))(n || {}), l = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E))(l || {}), _ = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(_ || {}), r = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E.HEADER = "tt-header", E))(r || {}), C = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(C || {}), b = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(b || {}), p = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(p || {}), v = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(v || {}), u = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(u || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(S || {}), X = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(X || {}), B = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(B || {}), W = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(W || {}), m = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(m || {}), h = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(h || {}), U = /* @__PURE__ */ ((E) => (E.CONTAINER = "sb-container", E.TITLE = "sb-title", E.MESSAGE = "sb-message", E.CLOSE = "sb-close", E.ICON = "sb-icon", E.ACTION_BUTTON = "sb-action-button", E))(U || {}), G = /* @__PURE__ */ ((E) => (E.TITLE = "foldable-section-title", E.CONTENT = "foldable-section-content", E))(G || {}), H = /* @__PURE__ */ ((E) => (E.TITLE = "form-card-title", E.CONTENT = "form-card-content", E.ACTIONS = "form-card-actions", E.SAVE_BUTTON = "form-card-save-btn", E.CANCEL_BUTTON = "form-card-cancel-btn", E))(H || {}), T = /* @__PURE__ */ ((E) => (E.TITLE = "ah-title", E.APP_KEY = "ah-app-key", E))(T || {}), Y = /* @__PURE__ */ ((E) => (E.TEXT = "ic-text", E.COPY_BTN = "ic-copy-btn", E))(Y || {}), y = /* @__PURE__ */ ((E) => (E.WRAPPER = "multibar-wrapper", E.CLOSE_BTN = "multibar-close-button", E.MENU = "multibar-menu", E.ACTION = "multibar-action", E))(y || {});
+var a = /* @__PURE__ */ ((E) => (E.TRIGGER = "ie-trigger", E.CONTENT = "ie-content", E.SEARCH = "ie-search", E.LIST = "ie-list", E.LIST_SELECTED = "ie-list-selected", E.ACTION_CANCEL = "ie-action-cancel", E.ACTION_APPLY = "ie-action-apply", E.SELECT_ALL = "ie-select-all", E.CLEAR_ALL = "ie-clear-all", E))(a || {}), R = /* @__PURE__ */ ((E) => (E.TRIGGER = "dd-trigger", E.WRAPPER = "dd-wrapper", E.BUTTON = "dd-button", E.BUTTON_WRAPPER = "dd-button-wrapper", E.BUTTON_CONTENT = "dd-button-content", E.BUTTON_CLEAR = "dd-button-clear", E.LABEL = "dd-label", E.LIST_CONTAINER = "dd-list-container", E.SEARCH = "dd-search", E.TITLE = "dd-title", E.ACTION_CANCEL = "dd-action-cancel", E.ACTION_APPLY = "dd-action-apply", E.ACTION_CLEAR_ALL = "dd-action-clear-all", E.HELPER_TEXT = "dd-helper-text", E.HELPER_TEXT_ERROR = "dd-helper-text-error", E.SELECT_ALL = "dd-select-all", E.NO_RESULT = "dd-no-result", E))(R || {}), t = /* @__PURE__ */ ((E) => (E.WRAPPER = "banner-wrapper", E.CONTENT = "banner-content", E))(t || {}), A = /* @__PURE__ */ ((E) => (E.WRAPPER = "alert-wrapper", E.TITLE = "alert-title", E.MESSAGE = "alert-message", E.ACTION_BUTTON = "alert-action-button", E.CLOSE_BUTTON = "alert-close-button", E))(A || {}), N = /* @__PURE__ */ ((E) => (E.WRAPPER = "dialog-wrapper", E.HEADER = "dialog-header", E.ACTION_CLOSE = "dialog-action-close", E.HEADER_SECONDARY = "dialog-header-secondary", E.CONTENT = "dialog-content", E.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", E.BACKDROP = "dialog-backdrop", E.SAVE_BUTTON = "dialog-save-button", E.CANCEL_BUTTON = "dialog-cancel-button", E))(N || {}), O = /* @__PURE__ */ ((E) => (E.WRAPPER = "input-wrapper", E.TOOLTIP = "input-tooltip", E.MANDATORY = "input-mandatory", E.LABEL_CONTAINER = "input-label-container", E.LABEL_TEXT = "input-label-text", E.FIELD = "input-field", E.EXTRA_TEXT = "input-extra-text", E.TOGGLE_PASSWORD = "input-toggle-password-icon", E))(O || {}), L = /* @__PURE__ */ ((E) => (E.WRAPPER = "cb-wrapper", E.LABEL = "cb-label", E.FIELD = "cb-field", E.CHECKED = "cb-checked", E))(L || {}), P = /* @__PURE__ */ ((E) => (E.FIELD = "radio-field", E.LABEL = "radio-label", E.ERROR_TEXT = "radio-error-text", E.GROUP = "radio-group", E))(P || {}), c = /* @__PURE__ */ ((E) => (E.WRAPPER = "swicth-wrapper", E.BUTTON = "swicth-button", E.TEXT = "swicth-text", E))(c || {}), n = /* @__PURE__ */ ((E) => (E.WRAPPER = "ta-wrapper", E.LABEL = "ta-label", E.FIELD = "ta-field", E.TEXT = "ta-text", E))(n || {}), l = /* @__PURE__ */ ((E) => (E.CONTAINER = "search-container", E.FIELD = "search-field", E.CLOSE = "search-close", E.CLEAR = "search-clear", E))(l || {}), _ = /* @__PURE__ */ ((E) => (E.CONTAINER = "tbl-container", E.TABLE = "tbl-table", E.HEADER = "tbl-header", E.TITLE = "tbl-title", E.HEADER_RIGHT = "tbl-header-right", E.ACTIONS = "tbl-actions", E.SECTIONS = "tbl-sections", E.BODY_WRAPPER = "tbl-body-wrapper", E.EMPTY_STATE = "tbl-empty-state", E))(_ || {}), r = /* @__PURE__ */ ((E) => (E.WRAPPER = "toggle-wrapper", E.BODY = "toggle-body", E.FIELD = "toggle-field", E.TEXT = "toggle-text", E.HELPER_TEXT = "toggle-helper-text", E.ERROR_TEXT = "toggle-error-text", E))(r || {}), C = /* @__PURE__ */ ((E) => (E.TEXT = "tt-text", E.TRIGGER = "tt-trigger", E.HEADER = "tt-header", E))(C || {}), b = /* @__PURE__ */ ((E) => (E.WRAPPER = "at-wrapper", E.TITLE_TEXT = "at-title-text", E.TITLE_TOOLTIP_TEXT = "at-tooltip-text", E.DESCRIPTION_TOOLTIP_TEXT = "at-description-tooltip-text", E.DESCRIPTION_TEXT = "at-description-text", E.TRIGGER_BUTTON = "at-trigger-button", E))(b || {}), p = /* @__PURE__ */ ((E) => (E.WRAPPER = "ai-wrapper", E.SELECTED_OPTION = "ai-selected-option", E.SEARCH_FIELD = "ai-search-field", E))(p || {}), v = /* @__PURE__ */ ((E) => (E.WRAPPER = "chip-wrapper", E.CLEAR = "chip-clear", E))(v || {}), u = /* @__PURE__ */ ((E) => (E.WRAPPER = "dp-wrapper", E.INPUT = "dp-input", E))(u || {}), S = /* @__PURE__ */ ((E) => (E.WRAPPER = "cm-wrapper", E.DAYS_HEADER = "cm-days-header", E.PREVIOUS = "cm-previous", E.NEXT = "cm-next", E.DAYS_WRAPPER = "cm-days-wrapper", E.DAY = "cm-day", E.MONTH_HEADER_TEXT = "cm-month-header-text", E.MONTH_HEADER = "cm-month-header", E))(S || {}), B = /* @__PURE__ */ ((E) => (E.WRAPPER = "dr-wrapper", E.FIELD = "dr-field", E.TRIGGER = "dr-trigger", E.CONTAINER = "dr-container", E.MENU = "dr-menu", E.MESSAGE = "dr-message", E.ACTION_APPLY = "dr-action-apply", E.ACTION_CANCEL = "dr-action-cancel", E))(B || {}), W = /* @__PURE__ */ ((E) => (E.WRAPPER = "tabs-wrapper", E.TAB = "tabs-tab", E))(W || {}), X = /* @__PURE__ */ ((E) => (E.TEXT = "t-text", E))(X || {}), m = /* @__PURE__ */ ((E) => (E.HEADER = "h-header", E))(m || {}), U = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-label-container", E.TEXT = "field-label-text", E.MANDATORY = "field-label-mandatory", E.TOOLTIP = "field-label-help-tooltip", E))(U || {}), h = /* @__PURE__ */ ((E) => (E.CONTAINER = "field-help-text-container", E.TEXT = "field-help-text-text", E.ICON = "field-help-text-icon", E))(h || {}), T = /* @__PURE__ */ ((E) => (E.CONTAINER = "sb-container", E.TITLE = "sb-title", E.MESSAGE = "sb-message", E.CLOSE = "sb-close", E.ICON = "sb-icon", E.ACTION_BUTTON = "sb-action-button", E))(T || {}), G = /* @__PURE__ */ ((E) => (E.TITLE = "foldable-section-title", E.CONTENT = "foldable-section-content", E))(G || {}), H = /* @__PURE__ */ ((E) => (E.TITLE = "form-card-title", E.CONTENT = "form-card-content", E.ACTIONS = "form-card-actions", E.SAVE_BUTTON = "form-card-save-btn", E.CANCEL_BUTTON = "form-card-cancel-btn", E))(H || {}), Y = /* @__PURE__ */ ((E) => (E.TITLE = "ah-title", E.APP_KEY = "ah-app-key", E))(Y || {}), y = /* @__PURE__ */ ((E) => (E.TEXT = "ic-text", E.COPY_BTN = "ic-copy-btn", E))(y || {}), x = /* @__PURE__ */ ((E) => (E.WRAPPER = "multibar-wrapper", E.CLOSE_BTN = "multibar-close-button", E.MENU = "multibar-menu", E.ACTION = "multibar-action", E))(x || {});
 export {
-  T as AppHeaderTestIdModifiers,
-  C as AppTriggerTestIdModifiers,
-  b as AutocompleteInputTestIdModifiers,
+  A as AlertTestIdModifiers,
+  Y as AppHeaderTestIdModifiers,
+  b as AppTriggerTestIdModifiers,
+  p as AutocompleteInputTestIdModifiers,
   t as BannerTestIdModifiers,
-  u as CalendarMonthTestIdModifiers,
-  O as CheckboxTestIdModifiers,
-  p as ChipTestIdModifiers,
-  v as DatePickerTestIdModifiers,
-  S as DateRangeTestIdModifiers,
-  A as DialogTestIdModifiers,
+  S as CalendarMonthTestIdModifiers,
+  L as CheckboxTestIdModifiers,
+  v as ChipTestIdModifiers,
+  u as DatePickerTestIdModifiers,
+  B as DateRangeTestIdModifiers,
+  N as DialogTestIdModifiers,
   R as DropdownTestIdModifiers,
   h as FieldHelpTextTestIdModifiers,
-  m as FieldLabelTestIdModifiers,
+  U as FieldLabelTestIdModifiers,
   G as FoldableSectionTestIdModifiers,
   H as FormCardTestIdModifiers,
-  W as HeaderTestIdModifiers,
+  m as HeaderTestIdModifiers,
   a as IncludeExcludeTestIdModifiers,
-  Y as InlineCopyTestIdModifiers,
-  N as InputTestIdModifiers,
-  y as MultiBarTestIdModifiers,
-  L as RadioTestIdModifiers,
-  n as SearchTestIdModifiers,
-  U as SnackbarTestIdModifiers,
-  P as SwitchTestIdModifiers,
-  l as TableTestIdModifiers,
-  X as TabsTestIdModifiers,
-  c as TextAreaTestIdModifiers,
-  B as TextTestIdModifiers,
-  _ as ToggleTestIdModifiers,
-  r as TooltipTestIdModifiers
+  y as InlineCopyTestIdModifiers,
+  O as InputTestIdModifiers,
+  x as MultiBarTestIdModifiers,
+  P as RadioTestIdModifiers,
+  l as SearchTestIdModifiers,
+  T as SnackbarTestIdModifiers,
+  c as SwitchTestIdModifiers,
+  _ as TableTestIdModifiers,
+  W as TabsTestIdModifiers,
+  n as TextAreaTestIdModifiers,
+  X as TextTestIdModifiers,
+  r as ToggleTestIdModifiers,
+  C as TooltipTestIdModifiers
 };

package/FormRow.vue_vue_type_style_index_0_scoped_39f48410_lang.css

@@ -1 +0,0 @@
-.form-row[data-v-39f48410]{display:flex;height:auto;gap:1.5rem;align-items:baseline}.form-row .label-container[data-v-39f48410]{display:flex;align-items:center;min-height:1.75rem;height:100%;width:12.875rem;gap:.25rem;flex-shrink:0}.form-row .label-container .mandatory[data-v-39f48410]{color:var(--error-main);padding-top:.1875rem}.form-row .content[data-v-39f48410]{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;width:100%}

package/TextAreaV4.vue_vue_type_style_index_0_scoped_6e91a617_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-6e91a617],.font-chart-2[data-v-6e91a617],.font-chart-1[data-v-6e91a617]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-6e91a617],.font-table-label[data-v-6e91a617],.font-button[data-v-6e91a617],.font-heading-6[data-v-6e91a617],.font-heading-5[data-v-6e91a617],.font-heading-4[data-v-6e91a617],.font-heading-3[data-v-6e91a617],.font-heading-2[data-v-6e91a617],.font-heading-1[data-v-6e91a617],.font-title[data-v-6e91a617]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-6e91a617],.font-input-label[data-v-6e91a617],.font-overline[data-v-6e91a617],.font-subtitle-2[data-v-6e91a617],.font-subtitle-1[data-v-6e91a617]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-6e91a617],.font-body-2[data-v-6e91a617],.textarea[data-v-6e91a617],.font-body-1[data-v-6e91a617]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-6e91a617]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-6e91a617]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-6e91a617]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-6e91a617]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-6e91a617]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-6e91a617]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-6e91a617]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.textarea[data-v-6e91a617],.font-body-1[data-v-6e91a617]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-6e91a617]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-6e91a617]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-6e91a617]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-6e91a617]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-6e91a617]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-6e91a617]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-6e91a617]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-6e91a617]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-6e91a617]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-6e91a617]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-6e91a617],.font-tab-label2[data-v-6e91a617]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-6e91a617]{font-size:.75rem;line-height:1rem}h1[data-v-6e91a617],h2[data-v-6e91a617],h3[data-v-6e91a617],h4[data-v-6e91a617],h5[data-v-6e91a617],h6[data-v-6e91a617]{margin:0}.textarea-field[data-v-6e91a617]{display:flex;flex-direction:column}.textarea[data-v-6e91a617]{background:var(--default-main);color:var(--text-primary);padding:var(--spacing-125) var(--spacing-100);height:calc(var(--spacing-900) - 1px);width:100%;border:none;border-radius:var(--border-radius-md);outline:1px solid var(--action-outlined-border)}.textarea[data-v-6e91a617]:hover{outline:1px solid var(--action-active)}.textarea[data-v-6e91a617]:focus{outline:2px solid var(--primary-main)}.textarea[data-v-6e91a617]::placeholder{color:var(--text-secondary)}.textarea--disabled[data-v-6e91a617]{color:var(--text-disabled)}.textarea--disabled[data-v-6e91a617]::placeholder{color:var(--text-disabled)}.textarea--disabled[data-v-6e91a617]:hover{outline:1px solid var(--action-outlined-border)}.textarea--variant-success[data-v-6e91a617],.textarea--variant-success[data-v-6e91a617]:hover,.textarea--variant-success[data-v-6e91a617]:focus{outline:2px solid var(--success-dark)}.textarea--variant-error[data-v-6e91a617],.textarea--variant-error[data-v-6e91a617]:hover,.textarea--variant-error[data-v-6e91a617]:focus{outline:2px solid var(--error-main)}.textarea--variant-warning[data-v-6e91a617],.textarea--variant-warning[data-v-6e91a617]:hover,.textarea--variant-warning[data-v-6e91a617]:focus{outline:2px solid var(--warning-dark)}.footer[data-v-6e91a617]{display:flex;justify-content:flex-end;align-items:center;margin:var(--spacing-50) 0}