@ironsource/shared-ui 2.1.3-rc.20 → 2.1.3-rc.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/Alert.vue_vue_type_style_index_0_scoped_d6680a72_lang.css +1 -0
  2. package/Autocomplete.vue_vue_type_style_index_0_scoped_429e5745_lang.css +1 -0
  3. package/TextField.vue_vue_type_style_index_0_scoped_95e25718_lang.css +1 -0
  4. package/components/alert/Alert.vue.js +3 -3
  5. package/components/alert/Alert.vue2.js +30 -30
  6. package/components/autocomplete/Autocomplete.vue.d.ts +25 -0
  7. package/components/autocomplete/Autocomplete.vue.js +3 -3
  8. package/components/autocomplete/Autocomplete.vue2.js +33 -23
  9. package/components/autocomplete/index.d.ts +96 -1
  10. package/components/input/v4/TextField.vue.js +3 -3
  11. package/components/input/v4/TextField.vue2.js +2 -2
  12. package/package.json +1 -1
  13. package/Alert.vue_vue_type_style_index_0_scoped_72bcdcd0_lang.css +0 -1
  14. package/Autocomplete.vue_vue_type_style_index_0_scoped_c7af6b8e_lang.css +0 -1
  15. package/TextField.vue_vue_type_style_index_0_scoped_dca4c102_lang.css +0 -1
package/Alert.vue_vue_type_style_index_0_scoped_d6680a72_lang.css ADDED
@@ -0,0 +1 @@
1
+ .alert[data-v-d6680a72]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-d6680a72]{border-radius:var(--border-radius-lg)}.alert--success[data-v-d6680a72]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-d6680a72]{color:var(--success-main)}.alert--warning[data-v-d6680a72]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-d6680a72]{color:var(--warning-main)}.alert--danger[data-v-d6680a72]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-d6680a72]{color:var(--error-main)}.alert--info[data-v-d6680a72]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-d6680a72]{color:var(--info-main)}.alert--standard[data-v-d6680a72]{outline:none}.alert--outlined[data-v-d6680a72]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-d6680a72]{align-self:flex-start}.alert-content[data-v-d6680a72]{flex:1;margin:0 var(--spacing-150)}.alert-title[data-v-d6680a72]{color:var(--text-primary);line-height:20px}.alert-description[data-v-d6680a72]{color:var(--text-secondary)}.close-button[data-v-d6680a72]{margin-left:var(--spacing-100)}
package/Autocomplete.vue_vue_type_style_index_0_scoped_429e5745_lang.css ADDED
@@ -0,0 +1 @@
1
+ div[data-v-429e5745]{display:block}
package/TextField.vue_vue_type_style_index_0_scoped_95e25718_lang.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-95e25718],.font-chart-2[data-v-95e25718],.font-chart-1[data-v-95e25718]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-95e25718],.font-table-label[data-v-95e25718],.font-button[data-v-95e25718],.font-heading-6[data-v-95e25718],.font-heading-5[data-v-95e25718],.font-heading-4[data-v-95e25718],.font-heading-3[data-v-95e25718],.font-heading-2[data-v-95e25718],.font-heading-1[data-v-95e25718],.font-title[data-v-95e25718]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-95e25718],.font-input-label[data-v-95e25718],.font-overline[data-v-95e25718],.font-subtitle-2[data-v-95e25718],.font-subtitle-1[data-v-95e25718]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-95e25718],.font-body-2[data-v-95e25718],.input-container .input[data-v-95e25718],.font-body-1[data-v-95e25718]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-95e25718]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-95e25718]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-95e25718]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-95e25718]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-95e25718]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-95e25718]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-95e25718]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-95e25718],.font-body-1[data-v-95e25718]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-95e25718]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-95e25718]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-95e25718]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-95e25718]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-95e25718]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-95e25718]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-95e25718]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-95e25718]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-95e25718]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-95e25718]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-95e25718],.font-tab-label2[data-v-95e25718]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-95e25718]{font-size:.75rem;line-height:1rem}h1[data-v-95e25718],h2[data-v-95e25718],h3[data-v-95e25718],h4[data-v-95e25718],h5[data-v-95e25718],h6[data-v-95e25718]{margin:0}.disabled .input[data-v-95e25718]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-95e25718]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-95e25718]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-95e25718]{height:28px}.input-size-medium[data-v-95e25718]{height:32px}.input-size-large[data-v-95e25718]{height:40px}.input-with-label-container[data-v-95e25718]{display:flex;flex-direction:column}.input-container[data-v-95e25718]{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)}.input-container[data-v-95e25718]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-95e25718]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-95e25718]:focus{outline:none}.input-container .input[data-v-95e25718]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-95e25718]{color:var(--text-disabled)}.input-container .input[type=number][data-v-95e25718]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-95e25718]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-95e25718]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-95e25718]{letter-spacing:4px}.input-container[data-v-95e25718] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-95e25718]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-95e25718]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-95e25718]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-95e25718]{padding-left:var(--spacing-100)}.prefix-text[data-v-95e25718]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-95e25718]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-95e25718],.focused[data-v-95e25718]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-95e25718],.error-icon.error-icon[data-v-95e25718]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-95e25718]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-95e25718]:hover{color:var(--primary-main)}.label-direction-left[data-v-95e25718]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-95e25718]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-95e25718]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-95e25718]{display:flex;justify-content:flex-end;align-items:center;margin:var(--spacing-50) 0}.password-visibility-toggle[data-v-95e25718]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-95e25718],.variant-success .input-container[data-v-95e25718]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-95e25718],.variant-error .input-container[data-v-95e25718]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-95e25718],.variant-warning .input-container[data-v-95e25718]:hover{outline:2px solid var(--warning-dark)}
package/components/alert/Alert.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./Alert.vue2.js";
2
2
  /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Alert.vue_vue_type_style_index_0_scoped_72bcdcd0_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-72bcdcd0"]]);
3
+ // import "../../Alert.vue_vue_type_style_index_0_scoped_d6680a72_lang.css"; //*');
4
+ const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d6680a72"]]);
5
5
  export {
6
- s as default
6
+ p as default
7
7
  };
package/components/alert/Alert.vue2.js CHANGED
@@ -1,11 +1,11 @@
1
- import "../../Alert.vue_vue_type_style_index_0_scoped_72bcdcd0_lang.css"; import { defineComponent as g, computed as v, openBlock as l, createElementBlock as B, mergeProps as r, unref as e, createVNode as I, normalizeClass as x, createElementVNode as N, createBlock as c, withCtx as u, createTextVNode as m, toDisplayString as f, createCommentVNode as a, renderSlot as A } from "vue";
2
- import T from "../typography/v4/Typography.vue.js";
1
+ import "../../Alert.vue_vue_type_style_index_0_scoped_d6680a72_lang.css"; import { defineComponent as B, computed as I, openBlock as l, createElementBlock as u, mergeProps as a, unref as e, createVNode as m, normalizeClass as v, createElementVNode as x, createBlock as s, withCtx as f, createTextVNode as N, toDisplayString as T, createCommentVNode as i, renderSlot as A } from "vue";
2
+ import y from "../typography/v4/Typography.vue.js";
3
3
  import C from "../icon/v4/IconV4.vue.js";
4
4
  import E from "../button/v4/ButtonV4.vue.js";
5
- import S from "../button/v4/IconButtonV4.vue.js";
6
- import { useTestIdAttrs as b } from "../../utils/testIds.js";
5
+ import p from "../button/v4/IconButtonV4.vue.js";
6
+ import { useTestIdAttrs as h } from "../../utils/testIds.js";
7
7
  import { AlertTestIdModifiers as o } from "../../testids/index.js";
8
- const h = { class: "alert-content" }, L = /* @__PURE__ */ g({
8
+ const S = { class: "alert-content" }, b = { key: 0 }, R = /* @__PURE__ */ B({
9
9
  __name: "Alert",
10
10
  props: {
11
11
  title: { default: "" },
@@ -18,70 +18,70 @@ const h = { class: "alert-content" }, L = /* @__PURE__ */ g({
18
18
  testId: { default: "" }
19
19
  },
20
20
  emits: ["close"],
21
- setup(t, { emit: y }) {
22
- const s = t, k = v(() => {
23
- const i = {
21
+ setup(t, { emit: g }) {
22
+ const c = t, k = I(() => {
23
+ const r = {
24
24
  success: "check-circle",
25
25
  warning: "warning",
26
26
  danger: "warning-octagon",
27
27
  info: "info"
28
28
  };
29
- return i[s.color] || i.success;
30
- }), n = b(s.testId, o);
31
- return (i, d) => (l(), B("div", r({
29
+ return r[c.color] || r.success;
30
+ }), n = h(c.testId, o);
31
+ return (r, d) => (l(), u("div", a({
32
32
  class: ["alert", {
33
33
  [`alert--${t.color}`]: !0,
34
34
  [`alert--${t.variant}`]: !0,
35
35
  "alert--rounded": t.rounded
36
36
  }]
37
37
  }, e(n)[e(o).WRAPPER]), [
38
- I(e(C), {
38
+ m(e(C), {
39
39
  name: e(k),
40
- class: x(["alert-icon", { "alert-icon--align-top": t.title && t.description }]),
40
+ class: v(["alert-icon", { "alert-icon--align-top": t.title && t.description }]),
41
41
  type: "fill",
42
42
  size: "20px"
43
43
  }, null, 8, ["name", "class"]),
44
- N("div", h, [
45
- t.title ? (l(), c(e(T), r({
44
+ x("div", S, [
45
+ t.title ? (l(), s(e(y), a({
46
46
  key: 0,
47
47
  class: "alert-title",
48
48
  variant: "h4"
49
49
  }, e(n)[e(o).TITLE]), {
50
- default: u(() => [
51
- m(f(t.title), 1)
50
+ default: f(() => [
51
+ N(T(t.title), 1)
52
52
  ]),
53
53
  _: 1
54
- }, 16)) : a("", !0),
55
- t.description ? (l(), c(e(T), r({
56
- key: 1,
54
+ }, 16)) : i("", !0),
55
+ m(e(y), a({
57
56
  class: "alert-description",
58
57
  variant: "body1"
59
58
  }, e(n)[e(o).MESSAGE]), {
60
- default: u(() => [
61
- m(f(t.description) + " ", 1),
62
- t.description ? a("", !0) : A(i.$slots, "default", { key: 0 }, void 0, !0)
59
+ default: f(() => [
60
+ A(r.$slots, "default", {}, () => [
61
+ t.description ? (l(), u("span", b, T(t.description), 1)) : i("", !0)
62
+ ], !0)
63
63
  ]),
64
64
  _: 3
65
- }, 16)) : a("", !0)
65
+ }, 16)
66
66
  ]),
67
- t.actionText ? (l(), c(e(E), r({
67
+ t.actionText ? (l(), s(e(E), a({
68
68
  key: 0,
69
69
  variant: "outlined",
70
70
  content: t.actionText,
71
71
  color: t.color,
72
72
  size: "small"
73
- }, e(n)[e(o).ACTION_BUTTON]), null, 16, ["content", "color"])) : a("", !0),
74
- t.dismissible ? (l(), c(e(S), r({
73
+ }, e(n)[e(o).ACTION_BUTTON]), null, 16, ["content", "color"])) : i("", !0),
74
+ t.dismissible ? (l(), s(e(p), a({
75
75
  key: 1,
76
76
  class: "close-button",
77
77
  "icon-name": "x",
78
78
  size: "small"
79
79
  }, e(n)[e(o).CLOSE_BUTTON], {
80
- onClick: d[0] || (d[0] = (p) => y("close"))
81
- }), null, 16)) : a("", !0)
80
+ onClick: d[0] || (d[0] = (w) => g("close"))
81
+ }), null, 16)) : i("", !0)
82
82
  ], 16));
83
83
  }
84
84
  });
85
85
  export {
86
- L as default
86
+ R as default
87
87
  };
package/components/autocomplete/Autocomplete.vue.d.ts CHANGED
@@ -8,6 +8,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
8
  mandatory?: boolean;
9
9
  hoverHelpText?: string;
10
10
  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";
11
+ feedbackVariant?: "success" | "warning" | "error";
12
+ feedbackText?: string;
13
+ showFeedbackTextIcon?: boolean;
14
+ inlineError?: boolean;
15
+ inlineErrorText?: string;
11
16
  options: unknown[] | {
12
17
  id: string;
13
18
  text: string;
@@ -27,6 +32,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
27
32
  mandatory: boolean;
28
33
  hoverHelpText: string;
29
34
  hoverHelpTextPlacement: string;
35
+ inlineError: boolean;
36
+ inlineErrorText: string;
37
+ feedbackText: string;
38
+ feedbackVariant: any;
39
+ showFeedbackTextIcon: boolean;
30
40
  onSearch: any;
31
41
  optionNameKey: string;
32
42
  optionsListWidth: any;
@@ -43,6 +53,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
43
53
  mandatory?: boolean;
44
54
  hoverHelpText?: string;
45
55
  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";
56
+ feedbackVariant?: "success" | "warning" | "error";
57
+ feedbackText?: string;
58
+ showFeedbackTextIcon?: boolean;
59
+ inlineError?: boolean;
60
+ inlineErrorText?: string;
46
61
  options: unknown[] | {
47
62
  id: string;
48
63
  text: string;
@@ -62,6 +77,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
62
77
  mandatory: boolean;
63
78
  hoverHelpText: string;
64
79
  hoverHelpTextPlacement: string;
80
+ inlineError: boolean;
81
+ inlineErrorText: string;
82
+ feedbackText: string;
83
+ feedbackVariant: any;
84
+ showFeedbackTextIcon: boolean;
65
85
  onSearch: any;
66
86
  optionNameKey: string;
67
87
  optionsListWidth: any;
@@ -79,6 +99,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
79
99
  modelValue: string | number;
80
100
  placeholder: string;
81
101
  labelDirection: "top" | "inside";
102
+ inlineError: boolean;
103
+ inlineErrorText: string;
104
+ feedbackText: string;
105
+ feedbackVariant: "success" | "warning" | "error";
106
+ showFeedbackTextIcon: boolean;
82
107
  onSearch: (option: any, term: string) => boolean;
83
108
  optionNameKey: string;
84
109
  optionsListWidth: string;
package/components/autocomplete/Autocomplete.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./Autocomplete.vue2.js";
2
2
  /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Autocomplete.vue_vue_type_style_index_0_scoped_c7af6b8e_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c7af6b8e"]]);
3
+ // import "../../Autocomplete.vue_vue_type_style_index_0_scoped_429e5745_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-429e5745"]]);
5
5
  export {
6
- p as default
6
+ s as default
7
7
  };
package/components/autocomplete/Autocomplete.vue2.js CHANGED
@@ -1,5 +1,5 @@
1
- import "../../Autocomplete.vue_vue_type_style_index_0_scoped_c7af6b8e_lang.css"; import { defineComponent as h, computed as b, ref as r, watchEffect as y, openBlock as V, createBlock as x, unref as s, withCtx as f, createVNode as w, isRef as g, renderSlot as S, normalizeProps as k, guardReactiveProps as z } from "vue";
2
- import C from "../dropdown/v4/DropdownV4.vue.js";
1
+ import "../../Autocomplete.vue_vue_type_style_index_0_scoped_429e5745_lang.css"; import { defineComponent as b, computed as h, ref as s, watchEffect as x, openBlock as y, createBlock as k, unref as r, withCtx as f, createVNode as V, isRef as w, renderSlot as T, normalizeProps as g, guardReactiveProps as F } from "vue";
2
+ import I from "../dropdown/v4/DropdownV4.vue.js";
3
3
  import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
4
4
  import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
5
5
  import "../dropdown/v4/ChipDropdownTrigger.vue.js";
@@ -7,9 +7,9 @@ import "../dropdown/v4/AppDropdownTrigger.vue.js";
7
7
  import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
8
8
  import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
9
9
  import "../dropdown/v4/OptionV4.vue.js";
10
- import F from "../input/v4/TextField.vue.js";
11
- import { useVModel as I } from "@vueuse/core";
12
- const R = /* @__PURE__ */ h({
10
+ import B from "../input/v4/TextField.vue.js";
11
+ import { useVModel as S } from "@vueuse/core";
12
+ const K = /* @__PURE__ */ b({
13
13
  __name: "Autocomplete",
14
14
  props: {
15
15
  modelValue: { default: "" },
@@ -21,6 +21,11 @@ const R = /* @__PURE__ */ h({
21
21
  mandatory: { type: Boolean, default: !1 },
22
22
  hoverHelpText: { default: "" },
23
23
  hoverHelpTextPlacement: { default: "top" },
24
+ feedbackVariant: { default: null },
25
+ feedbackText: { default: "" },
26
+ showFeedbackTextIcon: { type: Boolean, default: !1 },
27
+ inlineError: { type: Boolean, default: !1 },
28
+ inlineErrorText: { default: "" },
24
29
  options: null,
25
30
  displayValue: null,
26
31
  optionNameKey: { default: "" },
@@ -29,27 +34,27 @@ const R = /* @__PURE__ */ h({
29
34
  testId: { default: "" }
30
35
  },
31
36
  emits: ["update:modelValue"],
32
- setup(e, { emit: p }) {
33
- const a = e, d = I(a, "modelValue", p), m = (t) => {
34
- t !== void 0 && (d.value = a.displayValue(t));
35
- }, c = (t, l) => a.displayValue(t).toLowerCase().replace(/\s+/g, "").includes(l.toLowerCase().replace(/\s+/g, "")), n = b(() => {
36
- const t = d.value.toString();
37
+ setup(e, { emit: c }) {
38
+ const a = e, n = S(a, "modelValue", c), m = (t) => {
39
+ t !== void 0 && (n.value = a.displayValue(t));
40
+ }, p = (t, l) => a.displayValue(t).toLowerCase().replace(/\s+/g, "").includes(l.toLowerCase().replace(/\s+/g, "")), d = h(() => {
41
+ const t = n.value.toString();
37
42
  return (a.options || []).filter((l) => a.displayValue(l) !== t).filter(
38
- (l) => a.onSearch !== null ? a.onSearch(l, t) : c(l, t)
43
+ (l) => a.onSearch !== null ? a.onSearch(l, t) : p(l, t)
39
44
  );
40
- }), o = r(!1), u = r(!1);
41
- y(() => {
42
- a.disabled ? o.value = !1 : u.value && n.value.length ? o.value = !0 : n.value.length === 0 && (o.value = !1);
45
+ }), o = s(!1), u = s(!1);
46
+ x(() => {
47
+ a.disabled ? o.value = !1 : u.value && d.value.length ? o.value = !0 : d.value.length === 0 && (o.value = !1);
43
48
  });
44
49
  const v = () => {
45
- a.disabled || !o.value && n.value.length && (o.value = !0);
50
+ a.disabled || !o.value && d.value.length && (o.value = !0);
46
51
  };
47
- return (t, l) => (V(), x(s(C), {
52
+ return (t, l) => (y(), k(r(I), {
48
53
  "is-open": o.value,
49
54
  "onUpdate:is-open": l[3] || (l[3] = (i) => o.value = i),
50
55
  class: "autocomplete-dropdown",
51
56
  "display-value": e.displayValue,
52
- options: s(n),
57
+ options: r(d),
53
58
  "option-name-key": e.optionNameKey,
54
59
  "options-list-width": e.optionsListWidth,
55
60
  disabled: e.disabled,
@@ -59,9 +64,9 @@ const R = /* @__PURE__ */ h({
59
64
  "onUpdate:selected": m
60
65
  }, {
61
66
  "dropdown-trigger": f(() => [
62
- w(s(F), {
63
- modelValue: s(d),
64
- "onUpdate:modelValue": l[0] || (l[0] = (i) => g(d) ? d.value = i : null),
67
+ V(r(B), {
68
+ modelValue: r(n),
69
+ "onUpdate:modelValue": l[0] || (l[0] = (i) => w(n) ? n.value = i : null),
65
70
  class: "autocomplete-field",
66
71
  placeholder: e.placeholder,
67
72
  disabled: e.disabled,
@@ -72,18 +77,23 @@ const R = /* @__PURE__ */ h({
72
77
  "hover-help-text": e.hoverHelpText,
73
78
  "hover-help-text-placemen": e.hoverHelpTextPlacement,
74
79
  "test-id": e.testId,
80
+ "feedback-variant": e.feedbackVariant,
81
+ "feedback-text": e.feedbackText,
82
+ "show-feedback-text-icon": e.showFeedbackTextIcon,
83
+ "inline-error": e.inlineError,
84
+ "inline-error-text": e.inlineErrorText,
75
85
  onFocusin: l[1] || (l[1] = (i) => u.value = !0),
76
86
  onFocusout: l[2] || (l[2] = (i) => u.value = !1),
77
87
  onClick: v
78
- }, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id"])
88
+ }, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "feedback-text", "show-feedback-text-icon", "inline-error", "inline-error-text"])
79
89
  ]),
80
90
  default: f((i) => [
81
- S(t.$slots, "default", k(z(i)), void 0, !0)
91
+ T(t.$slots, "default", g(F(i)), void 0, !0)
82
92
  ]),
83
93
  _: 3
84
94
  }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]));
85
95
  }
86
96
  });
87
97
  export {
88
- R as default
98
+ K as default
89
99
  };
package/components/autocomplete/index.d.ts CHANGED
@@ -14,6 +14,11 @@ declare const AutocompleteTypes: () => ({
14
14
  modelValue: string | number;
15
15
  placeholder: string;
16
16
  labelDirection: "top" | "inside";
17
+ inlineError: boolean;
18
+ inlineErrorText: string;
19
+ feedbackText: string;
20
+ feedbackVariant: "success" | "warning" | "error";
21
+ showFeedbackTextIcon: boolean;
17
22
  onSearch: (option: any, term: string) => boolean;
18
23
  optionNameKey: string;
19
24
  optionsListWidth: string;
@@ -65,6 +70,26 @@ declare const AutocompleteTypes: () => ({
65
70
  type: import("vue").PropType<"top" | "inside">;
66
71
  default: string;
67
72
  };
73
+ inlineError: {
74
+ type: import("vue").PropType<boolean>;
75
+ default: boolean;
76
+ };
77
+ inlineErrorText: {
78
+ type: import("vue").PropType<string>;
79
+ default: string;
80
+ };
81
+ feedbackText: {
82
+ type: import("vue").PropType<string>;
83
+ default: string;
84
+ };
85
+ feedbackVariant: {
86
+ type: import("vue").PropType<"success" | "warning" | "error">;
87
+ default: any;
88
+ };
89
+ showFeedbackTextIcon: {
90
+ type: import("vue").PropType<boolean>;
91
+ default: boolean;
92
+ };
68
93
  onSearch: {
69
94
  type: import("vue").PropType<(option: any, term: string) => boolean>;
70
95
  default: any;
@@ -83,7 +108,7 @@ declare const AutocompleteTypes: () => ({
83
108
  };
84
109
  }>> & {
85
110
  "onUpdate:modelValue"?: (value: string | number) => any;
86
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "labelDirection" | "onSearch" | "optionNameKey" | "optionsListWidth">;
111
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "labelDirection" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "onSearch" | "optionNameKey" | "optionsListWidth">;
87
112
  $attrs: {
88
113
  [x: string]: unknown;
89
114
  };
@@ -145,6 +170,26 @@ declare const AutocompleteTypes: () => ({
145
170
  type: import("vue").PropType<"top" | "inside">;
146
171
  default: string;
147
172
  };
173
+ inlineError: {
174
+ type: import("vue").PropType<boolean>;
175
+ default: boolean;
176
+ };
177
+ inlineErrorText: {
178
+ type: import("vue").PropType<string>;
179
+ default: string;
180
+ };
181
+ feedbackText: {
182
+ type: import("vue").PropType<string>;
183
+ default: string;
184
+ };
185
+ feedbackVariant: {
186
+ type: import("vue").PropType<"success" | "warning" | "error">;
187
+ default: any;
188
+ };
189
+ showFeedbackTextIcon: {
190
+ type: import("vue").PropType<boolean>;
191
+ default: boolean;
192
+ };
148
193
  onSearch: {
149
194
  type: import("vue").PropType<(option: any, term: string) => boolean>;
150
195
  default: any;
@@ -176,6 +221,11 @@ declare const AutocompleteTypes: () => ({
176
221
  modelValue: string | number;
177
222
  placeholder: string;
178
223
  labelDirection: "top" | "inside";
224
+ inlineError: boolean;
225
+ inlineErrorText: string;
226
+ feedbackText: string;
227
+ feedbackVariant: "success" | "warning" | "error";
228
+ showFeedbackTextIcon: boolean;
179
229
  onSearch: (option: any, term: string) => boolean;
180
230
  optionNameKey: string;
181
231
  optionsListWidth: string;
@@ -247,6 +297,26 @@ declare const AutocompleteTypes: () => ({
247
297
  type: import("vue").PropType<"top" | "inside">;
248
298
  default: string;
249
299
  };
300
+ inlineError: {
301
+ type: import("vue").PropType<boolean>;
302
+ default: boolean;
303
+ };
304
+ inlineErrorText: {
305
+ type: import("vue").PropType<string>;
306
+ default: string;
307
+ };
308
+ feedbackText: {
309
+ type: import("vue").PropType<string>;
310
+ default: string;
311
+ };
312
+ feedbackVariant: {
313
+ type: import("vue").PropType<"success" | "warning" | "error">;
314
+ default: any;
315
+ };
316
+ showFeedbackTextIcon: {
317
+ type: import("vue").PropType<boolean>;
318
+ default: boolean;
319
+ };
250
320
  onSearch: {
251
321
  type: import("vue").PropType<(option: any, term: string) => boolean>;
252
322
  default: any;
@@ -317,6 +387,26 @@ declare const AutocompleteTypes: () => ({
317
387
  type: import("vue").PropType<"top" | "inside">;
318
388
  default: string;
319
389
  };
390
+ inlineError: {
391
+ type: import("vue").PropType<boolean>;
392
+ default: boolean;
393
+ };
394
+ inlineErrorText: {
395
+ type: import("vue").PropType<string>;
396
+ default: string;
397
+ };
398
+ feedbackText: {
399
+ type: import("vue").PropType<string>;
400
+ default: string;
401
+ };
402
+ feedbackVariant: {
403
+ type: import("vue").PropType<"success" | "warning" | "error">;
404
+ default: any;
405
+ };
406
+ showFeedbackTextIcon: {
407
+ type: import("vue").PropType<boolean>;
408
+ default: boolean;
409
+ };
320
410
  onSearch: {
321
411
  type: import("vue").PropType<(option: any, term: string) => boolean>;
322
412
  default: any;
@@ -348,6 +438,11 @@ declare const AutocompleteTypes: () => ({
348
438
  modelValue: string | number;
349
439
  placeholder: string;
350
440
  labelDirection: "top" | "inside";
441
+ inlineError: boolean;
442
+ inlineErrorText: string;
443
+ feedbackText: string;
444
+ feedbackVariant: "success" | "warning" | "error";
445
+ showFeedbackTextIcon: boolean;
351
446
  onSearch: (option: any, term: string) => boolean;
352
447
  optionNameKey: string;
353
448
  optionsListWidth: string;
package/components/input/v4/TextField.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import e from "./TextField.vue2.js";
2
2
  /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TextField.vue_vue_type_style_index_0_scoped_dca4c102_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-dca4c102"]]);
3
+ // import "../../../TextField.vue_vue_type_style_index_0_scoped_95e25718_lang.css"; //*');
4
+ const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-95e25718"]]);
5
5
  export {
6
- s as default
6
+ p as default
7
7
  };
package/components/input/v4/TextField.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../TextField.vue_vue_type_style_index_0_scoped_dca4c102_lang.css"; import { defineComponent as K, computed as h, ref as M, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as L, normalizeClass as G, renderSlot as V, withCtx as b, createTextVNode as C, toDisplayString as E, withKeys as W, withModifiers as F, createVNode as p } from "vue";
1
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_95e25718_lang.css"; import { defineComponent as K, computed as h, ref as M, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as L, normalizeClass as G, renderSlot as V, withCtx as b, createTextVNode as C, toDisplayString as E, withKeys as W, withModifiers as F, createVNode as p } from "vue";
2
2
  import v from "../../icon/v4/IconV4.vue.js";
3
3
  import j from "../../tooltip/v4/TooltipV4.vue.js";
4
4
  import $ from "../../typography/v4/Typography.vue.js";
@@ -36,7 +36,7 @@ const Y = {
36
36
  mandatory: { type: Boolean, default: !1 },
37
37
  feedbackVariant: { default: null },
38
38
  feedbackText: { default: "" },
39
- showFeedbackTextIcon: { type: Boolean, default: !0 },
39
+ showFeedbackTextIcon: { type: Boolean, default: !1 },
40
40
  autoFocus: { type: Boolean, default: !1 },
41
41
  type: { default: "text" },
42
42
  hideNumberArrows: { type: Boolean, default: !1 },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.3-rc.20",
3
+ "version": "2.1.3-rc.22",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/Alert.vue_vue_type_style_index_0_scoped_72bcdcd0_lang.css DELETED
@@ -1 +0,0 @@
1
- .alert[data-v-72bcdcd0]{padding:var(--spacing-150) var(--spacing-200);display:flex;align-items:center}.alert--rounded[data-v-72bcdcd0]{border-radius:var(--border-radius-lg)}.alert--success[data-v-72bcdcd0]{outline-color:var(--success-main);background-color:var(--success-lighter)}.alert--success .alert-icon[data-v-72bcdcd0]{color:var(--success-main)}.alert--warning[data-v-72bcdcd0]{outline-color:var(--warning-main);background-color:var(--warning-lighter)}.alert--warning .alert-icon[data-v-72bcdcd0]{color:var(--warning-main)}.alert--danger[data-v-72bcdcd0]{outline-color:var(--error-main);background-color:var(--error-lighter)}.alert--danger .alert-icon[data-v-72bcdcd0]{color:var(--error-main)}.alert--info[data-v-72bcdcd0]{outline-color:var(--info-main);background-color:var(--info-lighter)}.alert--info .alert-icon[data-v-72bcdcd0]{color:var(--info-main)}.alert--standard[data-v-72bcdcd0]{outline:none}.alert--outlined[data-v-72bcdcd0]{background-color:var(--common-white);outline-width:1px;outline-offset:-1px;outline-style:solid}.alert-icon--align-top[data-v-72bcdcd0]{align-self:flex-start}.alert-content[data-v-72bcdcd0]{flex:1;margin:0 var(--spacing-150)}.alert-title[data-v-72bcdcd0]{color:var(--text-primary);line-height:20px}.alert-description[data-v-72bcdcd0]{color:var(--text-secondary)}.close-button[data-v-72bcdcd0]{margin-left:var(--spacing-100)}
package/Autocomplete.vue_vue_type_style_index_0_scoped_c7af6b8e_lang.css DELETED
@@ -1 +0,0 @@
1
- div[data-v-c7af6b8e]{display:block}
package/TextField.vue_vue_type_style_index_0_scoped_dca4c102_lang.css DELETED
@@ -1 +0,0 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-dca4c102],.font-chart-2[data-v-dca4c102],.font-chart-1[data-v-dca4c102]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-dca4c102],.font-table-label[data-v-dca4c102],.font-button[data-v-dca4c102],.font-heading-6[data-v-dca4c102],.font-heading-5[data-v-dca4c102],.font-heading-4[data-v-dca4c102],.font-heading-3[data-v-dca4c102],.font-heading-2[data-v-dca4c102],.font-heading-1[data-v-dca4c102],.font-title[data-v-dca4c102]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-dca4c102],.font-input-label[data-v-dca4c102],.font-overline[data-v-dca4c102],.font-subtitle-2[data-v-dca4c102],.font-subtitle-1[data-v-dca4c102]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-dca4c102],.font-body-2[data-v-dca4c102],.input-container .input[data-v-dca4c102],.font-body-1[data-v-dca4c102]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-dca4c102]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-dca4c102]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-dca4c102]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-dca4c102]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-dca4c102]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-dca4c102]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-dca4c102]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-dca4c102],.font-body-1[data-v-dca4c102]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-dca4c102]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-dca4c102]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-dca4c102]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-dca4c102]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-dca4c102]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-dca4c102]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-dca4c102]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-dca4c102]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-dca4c102]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-dca4c102]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-dca4c102],.font-tab-label2[data-v-dca4c102]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-dca4c102]{font-size:.75rem;line-height:1rem}h1[data-v-dca4c102],h2[data-v-dca4c102],h3[data-v-dca4c102],h4[data-v-dca4c102],h5[data-v-dca4c102],h6[data-v-dca4c102]{margin:0}.disabled .input[data-v-dca4c102]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-dca4c102]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-dca4c102]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-dca4c102]{height:28px}.input-size-medium[data-v-dca4c102]{height:32px}.input-size-large[data-v-dca4c102]{height:40px}.input-with-label-container[data-v-dca4c102]{display:flex;flex-direction:column}.input-container[data-v-dca4c102]{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)}.input-container[data-v-dca4c102]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-dca4c102]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-dca4c102]:focus{outline:none}.input-container .input[data-v-dca4c102]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-dca4c102]{color:var(--text-disabled)}.input-container .input[type=number][data-v-dca4c102]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-dca4c102]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-dca4c102]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-dca4c102]{letter-spacing:4px}.input-container[data-v-dca4c102] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-dca4c102]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-dca4c102]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-dca4c102]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-dca4c102]{padding-left:var(--spacing-100)}.prefix-text[data-v-dca4c102]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-dca4c102]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-dca4c102],.focused[data-v-dca4c102]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-dca4c102],.error-icon.error-icon[data-v-dca4c102]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-dca4c102]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-dca4c102]:hover{color:var(--primary-main)}.label-direction-left[data-v-dca4c102]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-dca4c102]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-dca4c102]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-dca4c102]{display:flex;justify-content:flex-end;align-items:center;margin:var(--spacing-50) 0}.password-visibility-toggle[data-v-dca4c102]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-dca4c102],.variant-success .input-container[data-v-dca4c102]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-dca4c102],.variant-error .input-container[data-v-dca4c102]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-dca4c102],.variant-warning .input-container[data-v-dca4c102]:hover{outline:2px solid var(--warning-dark)}