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

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/Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css +1 -0
  2. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css +1 -0
  3. package/TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css +1 -0
  4. package/components/autocomplete/Autocomplete.vue.d.ts +5 -0
  5. package/components/autocomplete/Autocomplete.vue.js +2 -2
  6. package/components/autocomplete/Autocomplete.vue2.js +45 -38
  7. package/components/autocomplete/index.d.ts +20 -1
  8. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
  9. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +1 -1
  10. package/components/input/v4/TextField.vue.js +3 -3
  11. package/components/input/v4/TextField.vue2.js +5 -4
  12. package/package.json +1 -1
  13. package/Autocomplete.vue_vue_type_style_index_0_scoped_62faa8e0_lang.css +0 -1
  14. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c9783327_lang.css +0 -1
  15. package/TextField.vue_vue_type_style_index_0_scoped_07687bcc_lang.css +0 -1
package/Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css ADDED
@@ -0,0 +1 @@
1
+ div[data-v-a7bfd237]{display:block}.autocomplete-dropdown[data-v-a7bfd237]{position:relative}.footer[data-v-a7bfd237]{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-50)}
package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css ADDED
@@ -0,0 +1 @@
1
+ .default-dropdown-wrapper[data-v-ad524750]{position:relative}.dropdown-trigger[data-v-ad524750]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-ad524750]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-ad524750]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-ad524750]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-ad524750]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-ad524750],.dropdown-trigger.disabled .caret-down[data-v-ad524750]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-ad524750]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-ad524750]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-ad524750]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-ad524750],.dropdown-trigger.state-success[data-v-ad524750],.dropdown-trigger.state-warning[data-v-ad524750]{padding:4px 6px}.dropdown-trigger.state-error.small[data-v-ad524750],.dropdown-trigger.state-success.small[data-v-ad524750],.dropdown-trigger.state-warning.small[data-v-ad524750]{padding:.1875rem .4375rem}.dropdown-trigger.state-error.large[data-v-ad524750],.dropdown-trigger.state-success.large[data-v-ad524750],.dropdown-trigger.state-warning.large[data-v-ad524750]{padding:.5625rem .4375rem}.dropdown-trigger.state-error[data-v-ad524750]{border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-ad524750]{border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-ad524750]{border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-ad524750]{color:var(--action-active)}.content[data-v-ad524750]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-ad524750]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-ad524750]{width:20px;height:20px;flex:none}.content .image img[data-v-ad524750]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-ad524750]{display:flex;color:var(--action-active)}.content .status-dot[data-v-ad524750]{padding-right:.25rem}.content .status-dot>div[data-v-ad524750]{position:relative;top:-1px}.dropdown-field-label[data-v-ad524750]{color:var(--text-primary)}.dropdown-field-help-text[data-v-ad524750]{margin-top:4px;position:absolute}
package/TextField.vue_vue_type_style_index_0_scoped_22c12586_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-22c12586],.font-chart-2[data-v-22c12586],.font-chart-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-22c12586],.font-table-label[data-v-22c12586],.font-button[data-v-22c12586],.font-heading-6[data-v-22c12586],.font-heading-5[data-v-22c12586],.font-heading-4[data-v-22c12586],.font-heading-3[data-v-22c12586],.font-heading-2[data-v-22c12586],.font-heading-1[data-v-22c12586],.font-title[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-22c12586],.font-input-label[data-v-22c12586],.font-overline[data-v-22c12586],.font-subtitle-2[data-v-22c12586],.font-subtitle-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-22c12586],.font-body-2[data-v-22c12586],.input-container .input[data-v-22c12586],.font-body-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-22c12586]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-22c12586]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-22c12586]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-22c12586]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-22c12586]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-22c12586]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-22c12586]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-22c12586],.font-body-1[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-22c12586]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-22c12586]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-22c12586]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-22c12586]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-22c12586]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-22c12586],.font-tab-label2[data-v-22c12586]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-22c12586]{font-size:.75rem;line-height:1rem}h1[data-v-22c12586],h2[data-v-22c12586],h3[data-v-22c12586],h4[data-v-22c12586],h5[data-v-22c12586],h6[data-v-22c12586]{margin:0}.disabled .input[data-v-22c12586]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-22c12586]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-22c12586]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-22c12586]{height:28px}.input-size-medium[data-v-22c12586]{height:32px}.input-size-large[data-v-22c12586]{height:40px}.input-with-label-container[data-v-22c12586]{display:flex;flex-direction:column}.input-container[data-v-22c12586]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative}.input-container[data-v-22c12586]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-22c12586]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-22c12586]:focus{outline:none}.input-container .input[data-v-22c12586]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-22c12586]{color:var(--text-disabled)}.input-container .input[type=number][data-v-22c12586]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-22c12586]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-22c12586]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-22c12586]{letter-spacing:4px}.input-container[data-v-22c12586] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-22c12586]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-22c12586]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-22c12586]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-22c12586]{padding-left:var(--spacing-100)}.prefix-text[data-v-22c12586]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-22c12586]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-22c12586],.focused[data-v-22c12586]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-22c12586],.error-icon.error-icon[data-v-22c12586]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-22c12586]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-22c12586]:hover{color:var(--primary-main)}.label-direction-left[data-v-22c12586]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-22c12586]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-22c12586]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-22c12586]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-22c12586]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-22c12586]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-22c12586],.variant-success .input-container[data-v-22c12586]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-22c12586],.variant-error .input-container[data-v-22c12586]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-22c12586],.variant-warning .input-container[data-v-22c12586]:hover{outline:2px solid var(--warning-dark)}
package/components/autocomplete/Autocomplete.vue.d.ts CHANGED
@@ -13,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
13
13
  showFeedbackTextIcon?: boolean;
14
14
  inlineError?: boolean;
15
15
  inlineErrorText?: string;
16
+ maxLength?: number;
16
17
  options: unknown[] | {
17
18
  id: string;
18
19
  text: string;
@@ -37,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
37
38
  feedbackText: string;
38
39
  feedbackVariant: any;
39
40
  showFeedbackTextIcon: boolean;
41
+ maxLength: any;
40
42
  onSearch: any;
41
43
  optionNameKey: string;
42
44
  optionsListWidth: any;
@@ -58,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
58
60
  showFeedbackTextIcon?: boolean;
59
61
  inlineError?: boolean;
60
62
  inlineErrorText?: string;
63
+ maxLength?: number;
61
64
  options: unknown[] | {
62
65
  id: string;
63
66
  text: string;
@@ -82,6 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
82
85
  feedbackText: string;
83
86
  feedbackVariant: any;
84
87
  showFeedbackTextIcon: boolean;
88
+ maxLength: any;
85
89
  onSearch: any;
86
90
  optionNameKey: string;
87
91
  optionsListWidth: any;
@@ -96,6 +100,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
96
100
  testId: string;
97
101
  hoverHelpText: string;
98
102
  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";
103
+ maxLength: number;
99
104
  modelValue: string | number;
100
105
  placeholder: string;
101
106
  labelDirection: "top" | "inside";
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_62faa8e0_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-62faa8e0"]]);
3
+ // import "../../Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a7bfd237"]]);
5
5
  export {
6
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_62faa8e0_lang.css"; import { defineComponent as y, computed as w, ref as f, watchEffect as V, openBlock as s, createElementBlock as c, Fragment as T, createVNode as m, unref as r, withCtx as v, isRef as g, renderSlot as F, normalizeProps as I, guardReactiveProps as B, createBlock as C, createCommentVNode as h } from "vue";
2
- import E from "../dropdown/v4/DropdownV4.vue.js";
1
+ import "../../Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css"; import { defineComponent as w, computed as c, ref as m, watchEffect as T, openBlock as r, createElementBlock as h, Fragment as F, createVNode as v, unref as d, withCtx as x, isRef as L, renderSlot as I, normalizeProps as S, guardReactiveProps as B, createBlock as b, createCommentVNode as f } from "vue";
2
+ import C 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,13 +7,14 @@ 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 S from "../input/v4/TextField.vue.js";
10
+ import E from "../input/v4/TextField.vue.js";
11
11
  import { useVModel as z } from "@vueuse/core";
12
12
  import H from "../shared/FieldHelpText.vue.js";
13
- const P = {
13
+ import P from "../shared/FieldMaxLength.vue.js";
14
+ const N = {
14
15
  key: 0,
15
16
  class: "footer"
16
- }, q = /* @__PURE__ */ y({
17
+ }, Q = /* @__PURE__ */ w({
17
18
  __name: "Autocomplete",
18
19
  props: {
19
20
  modelValue: { default: "" },
@@ -30,6 +31,7 @@ const P = {
30
31
  showFeedbackTextIcon: { type: Boolean, default: !1 },
31
32
  inlineError: { type: Boolean, default: !1 },
32
33
  inlineErrorText: { default: "" },
34
+ maxLength: { default: null },
33
35
  options: null,
34
36
  displayValue: null,
35
37
  optionNameKey: { default: "" },
@@ -38,40 +40,40 @@ const P = {
38
40
  testId: { default: "" }
39
41
  },
40
42
  emits: ["update:modelValue"],
41
- setup(e, { emit: p }) {
42
- const a = e, n = z(a, "modelValue", p), b = (l) => {
43
- l !== void 0 && (n.value = a.displayValue(l));
44
- }, x = (l, t) => a.displayValue(l).toLowerCase().replace(/\s+/g, "").includes(t.toLowerCase().replace(/\s+/g, "")), d = w(() => {
45
- const l = n.value.toString();
43
+ setup(e, { emit: g }) {
44
+ const a = e, i = z(a, "modelValue", g), p = (l) => {
45
+ l !== void 0 && (i.value = a.displayValue(l));
46
+ }, k = c(() => (i.value || "").length), y = (l, t) => a.displayValue(l).toLowerCase().replace(/\s+/g, "").includes(t.toLowerCase().replace(/\s+/g, "")), u = c(() => {
47
+ const l = i.value.toString();
46
48
  return (a.options || []).filter(
47
- (t) => a.onSearch !== null ? a.onSearch(t, l) : x(t, l)
49
+ (t) => a.onSearch !== null ? a.onSearch(t, l) : y(t, l)
48
50
  );
49
- }), o = f(!1), u = f(!1);
50
- V(() => {
51
- a.disabled ? o.value = !1 : u.value && d.value.length ? o.value = !0 : d.value.length === 0 && (o.value = !1);
51
+ }), n = m(!1), s = m(!1);
52
+ T(() => {
53
+ a.disabled ? n.value = !1 : s.value && u.value.length ? n.value = !0 : u.value.length === 0 && (n.value = !1);
52
54
  });
53
- const k = () => {
54
- a.disabled || !o.value && d.value.length && (o.value = !0);
55
+ const V = () => {
56
+ a.disabled || !n.value && u.value.length && (n.value = !0);
55
57
  };
56
- return (l, t) => (s(), c(T, null, [
57
- m(r(E), {
58
- "is-open": o.value,
59
- "onUpdate:is-open": t[3] || (t[3] = (i) => o.value = i),
58
+ return (l, t) => (r(), h(F, null, [
59
+ v(d(C), {
60
+ "is-open": n.value,
61
+ "onUpdate:is-open": t[3] || (t[3] = (o) => n.value = o),
60
62
  class: "autocomplete-dropdown",
61
63
  "display-value": e.displayValue,
62
- options: r(d),
64
+ options: d(u),
63
65
  "option-name-key": e.optionNameKey,
64
66
  "options-list-width": e.optionsListWidth,
65
67
  disabled: e.disabled,
66
68
  "search-auto-focus": !1,
67
69
  "full-width": !1,
68
70
  "test-id": e.testId,
69
- "onUpdate:selected": b
71
+ "onUpdate:selected": p
70
72
  }, {
71
- "dropdown-trigger": v(() => [
72
- m(r(S), {
73
- modelValue: r(n),
74
- "onUpdate:modelValue": t[0] || (t[0] = (i) => g(n) ? n.value = i : null),
73
+ "dropdown-trigger": x(() => [
74
+ v(d(E), {
75
+ modelValue: d(i),
76
+ "onUpdate:modelValue": t[0] || (t[0] = (o) => L(i) ? i.value = o : null),
75
77
  class: "autocomplete-field",
76
78
  placeholder: e.placeholder,
77
79
  disabled: e.disabled,
@@ -86,29 +88,34 @@ const P = {
86
88
  "show-feedback-text-icon": e.showFeedbackTextIcon,
87
89
  "inline-error": e.inlineError,
88
90
  "inline-error-text": e.inlineErrorText,
89
- onFocusin: t[1] || (t[1] = (i) => u.value = !0),
90
- onFocusout: t[2] || (t[2] = (i) => u.value = !1),
91
- onClick: k
92
- }, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "show-feedback-text-icon", "inline-error", "inline-error-text"])
91
+ maxlength: e.maxLength,
92
+ onFocusin: t[1] || (t[1] = (o) => s.value = !0),
93
+ onFocusout: t[2] || (t[2] = (o) => s.value = !1),
94
+ onClick: V
95
+ }, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "show-feedback-text-icon", "inline-error", "inline-error-text", "maxlength"])
93
96
  ]),
94
- default: v((i) => [
95
- F(l.$slots, "default", I(B(i)), void 0, !0)
97
+ default: x((o) => [
98
+ I(l.$slots, "default", S(B(o)), void 0, !0)
96
99
  ]),
97
100
  _: 3
98
101
  }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]),
99
- e.feedbackText ? (s(), c("div", P, [
100
- e.feedbackText ? (s(), C(H, {
102
+ e.feedbackText || e.maxLength ? (r(), h("div", N, [
103
+ e.feedbackText ? (r(), b(H, {
101
104
  key: 0,
102
105
  text: e.feedbackText,
103
106
  variant: e.feedbackVariant,
104
107
  "show-icon": e.showFeedbackTextIcon,
105
- class: "field-help-text",
106
108
  "test-id": e.testId
107
- }, null, 8, ["text", "variant", "show-icon", "test-id"])) : h("", !0)
108
- ])) : h("", !0)
109
+ }, null, 8, ["text", "variant", "show-icon", "test-id"])) : f("", !0),
110
+ e.maxLength ? (r(), b(P, {
111
+ key: 1,
112
+ "current-length": d(k),
113
+ "max-length": e.maxLength
114
+ }, null, 8, ["current-length", "max-length"])) : f("", !0)
115
+ ])) : f("", !0)
109
116
  ], 64));
110
117
  }
111
118
  });
112
119
  export {
113
- q as default
120
+ Q as default
114
121
  };
package/components/autocomplete/index.d.ts CHANGED
@@ -11,6 +11,7 @@ declare const AutocompleteTypes: () => ({
11
11
  testId: string;
12
12
  hoverHelpText: string;
13
13
  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";
14
+ maxLength: number;
14
15
  modelValue: string | number;
15
16
  placeholder: string;
16
17
  labelDirection: "top" | "inside";
@@ -58,6 +59,10 @@ declare const AutocompleteTypes: () => ({
58
59
  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">;
59
60
  default: string;
60
61
  };
62
+ maxLength: {
63
+ type: import("vue").PropType<number>;
64
+ default: any;
65
+ };
61
66
  modelValue: {
62
67
  type: import("vue").PropType<string | number>;
63
68
  default: string;
@@ -108,7 +113,7 @@ declare const AutocompleteTypes: () => ({
108
113
  };
109
114
  }>> & {
110
115
  "onUpdate:modelValue"?: (value: string | number) => any;
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">;
116
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "labelDirection" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "onSearch" | "optionNameKey" | "optionsListWidth">;
112
117
  $attrs: {
113
118
  [x: string]: unknown;
114
119
  };
@@ -158,6 +163,10 @@ declare const AutocompleteTypes: () => ({
158
163
  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">;
159
164
  default: string;
160
165
  };
166
+ maxLength: {
167
+ type: import("vue").PropType<number>;
168
+ default: any;
169
+ };
161
170
  modelValue: {
162
171
  type: import("vue").PropType<string | number>;
163
172
  default: string;
@@ -218,6 +227,7 @@ declare const AutocompleteTypes: () => ({
218
227
  testId: string;
219
228
  hoverHelpText: string;
220
229
  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";
230
+ maxLength: number;
221
231
  modelValue: string | number;
222
232
  placeholder: string;
223
233
  labelDirection: "top" | "inside";
@@ -285,6 +295,10 @@ declare const AutocompleteTypes: () => ({
285
295
  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">;
286
296
  default: string;
287
297
  };
298
+ maxLength: {
299
+ type: import("vue").PropType<number>;
300
+ default: any;
301
+ };
288
302
  modelValue: {
289
303
  type: import("vue").PropType<string | number>;
290
304
  default: string;
@@ -375,6 +389,10 @@ declare const AutocompleteTypes: () => ({
375
389
  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">;
376
390
  default: string;
377
391
  };
392
+ maxLength: {
393
+ type: import("vue").PropType<number>;
394
+ default: any;
395
+ };
378
396
  modelValue: {
379
397
  type: import("vue").PropType<string | number>;
380
398
  default: string;
@@ -435,6 +453,7 @@ declare const AutocompleteTypes: () => ({
435
453
  testId: string;
436
454
  hoverHelpText: string;
437
455
  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";
456
+ maxLength: number;
438
457
  modelValue: string | number;
439
458
  placeholder: string;
440
459
  labelDirection: "top" | "inside";
package/components/dropdown/v4/DefaultDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DefaultDropdownTrigger.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c9783327_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c9783327"]]);
3
+ // import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css"; //*');
4
+ const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad524750"]]);
5
5
  export {
6
6
  p as default
7
7
  };
package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c9783327_lang.css"; import { defineComponent as v, computed as r, openBlock as o, createElementBlock as a, createBlock as k, createCommentVNode as n, createElementVNode as c, mergeProps as m, unref as l, renderSlot as y, createVNode as i, withCtx as I, createTextVNode as B, toDisplayString as V } from "vue";
1
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css"; import { defineComponent as v, computed as r, openBlock as o, createElementBlock as a, createBlock as k, createCommentVNode as n, createElementVNode as c, mergeProps as m, unref as l, renderSlot as y, createVNode as i, withCtx as I, createTextVNode as B, toDisplayString as V } from "vue";
2
2
  import x from "../../typography/v4/Typography.vue.js";
3
3
  import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
4
4
  import h from "../../icon/v4/IconV4.vue.js";
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_07687bcc_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-07687bcc"]]);
3
+ // import "../../../TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css"; //*');
4
+ const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-22c12586"]]);
5
5
  export {
6
- s as default
6
+ c 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_07687bcc_lang.css"; import { defineComponent as M, computed as b, ref as G, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as L, normalizeClass as V, renderSlot as C, withCtx as h, createTextVNode as E, toDisplayString as F, withKeys as W, withModifiers as P, createVNode as p } from "vue";
1
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css"; import { defineComponent as M, computed as b, ref as G, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as L, normalizeClass as V, renderSlot as C, withCtx as h, createTextVNode as E, toDisplayString as F, withKeys as W, withModifiers as P, 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";
@@ -11,7 +11,7 @@ import { useTestIdAttrs as X } from "../../../utils/testIds.js";
11
11
  const Y = {
12
12
  key: 0,
13
13
  class: "icon-container icon-before"
14
- }, Z = ["value", "placeholder", "disabled", "type", "step", "maxlength"], _ = ["onClick"], ee = {
14
+ }, Z = ["maxlength", "value", "placeholder", "disabled", "type", "step"], _ = ["onClick"], ee = {
15
15
  key: 3,
16
16
  class: "inline-error"
17
17
  }, te = {
@@ -104,9 +104,11 @@ const Y = {
104
104
  ]),
105
105
  _: 1
106
106
  })) : n("", !0),
107
- L("input", y({ ...u.$attrs, ...t(c)[t(f).FIELD] }, {
107
+ L("input", y({
108
108
  ref_key: "inputRef",
109
109
  ref: T,
110
+ maxlength: e.maxLength
111
+ }, { ...u.$attrs, ...t(c)[t(f).FIELD] }, {
110
112
  value: t(A),
111
113
  placeholder: t(S),
112
114
  disabled: e.disabled || e.viewOnly,
@@ -119,7 +121,6 @@ const Y = {
119
121
  "input-type": e.type
120
122
  }],
121
123
  step: e.step,
122
- maxlength: e.maxLength,
123
124
  onInput: a[0] || (a[0] = //@ts-ignore
124
125
  (...i) => t(I) && t(I)(...i)),
125
126
  onFocus: a[1] || (a[1] = (i) => x.value = !0),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.7",
3
+ "version": "2.1.6-rc.9",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/Autocomplete.vue_vue_type_style_index_0_scoped_62faa8e0_lang.css DELETED
@@ -1 +0,0 @@
1
- div[data-v-62faa8e0]{display:block}.autocomplete-dropdown[data-v-62faa8e0]{position:relative}.field-help-text[data-v-62faa8e0]{margin-top:4px}
package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c9783327_lang.css DELETED
@@ -1 +0,0 @@
1
- .default-dropdown-wrapper[data-v-c9783327]{position:relative}.dropdown-trigger[data-v-c9783327]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-c9783327]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-c9783327]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-c9783327]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-c9783327]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-c9783327],.dropdown-trigger.disabled .caret-down[data-v-c9783327]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-c9783327]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-c9783327]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-c9783327]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-c9783327]{padding:4px 6px;border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-c9783327]{padding:4px 6px;border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-c9783327]{padding:4px 6px;border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-c9783327]{color:var(--action-active)}.content[data-v-c9783327]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-c9783327]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-c9783327]{width:20px;height:20px;flex:none}.content .image img[data-v-c9783327]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-c9783327]{display:flex;color:var(--action-active)}.content .status-dot[data-v-c9783327]{padding-right:.25rem}.content .status-dot>div[data-v-c9783327]{position:relative;top:-1px}.dropdown-field-label[data-v-c9783327]{color:var(--text-primary)}.dropdown-field-help-text[data-v-c9783327]{margin-top:4px;position:absolute}
package/TextField.vue_vue_type_style_index_0_scoped_07687bcc_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-07687bcc],.font-chart-2[data-v-07687bcc],.font-chart-1[data-v-07687bcc]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-07687bcc],.font-table-label[data-v-07687bcc],.font-button[data-v-07687bcc],.font-heading-6[data-v-07687bcc],.font-heading-5[data-v-07687bcc],.font-heading-4[data-v-07687bcc],.font-heading-3[data-v-07687bcc],.font-heading-2[data-v-07687bcc],.font-heading-1[data-v-07687bcc],.font-title[data-v-07687bcc]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-07687bcc],.font-input-label[data-v-07687bcc],.font-overline[data-v-07687bcc],.font-subtitle-2[data-v-07687bcc],.font-subtitle-1[data-v-07687bcc]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-07687bcc],.font-body-2[data-v-07687bcc],.input-container .input[data-v-07687bcc],.font-body-1[data-v-07687bcc]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-07687bcc]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-07687bcc]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-07687bcc]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-07687bcc]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-07687bcc]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-07687bcc]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-07687bcc]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-07687bcc],.font-body-1[data-v-07687bcc]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-07687bcc]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-07687bcc]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-07687bcc]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-07687bcc]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-07687bcc]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-07687bcc]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-07687bcc]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-07687bcc]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-07687bcc]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-07687bcc]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-07687bcc],.font-tab-label2[data-v-07687bcc]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-07687bcc]{font-size:.75rem;line-height:1rem}h1[data-v-07687bcc],h2[data-v-07687bcc],h3[data-v-07687bcc],h4[data-v-07687bcc],h5[data-v-07687bcc],h6[data-v-07687bcc]{margin:0}.disabled .input[data-v-07687bcc]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-07687bcc]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-07687bcc]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-07687bcc]{height:28px}.input-size-medium[data-v-07687bcc]{height:32px}.input-size-large[data-v-07687bcc]{height:40px}.input-with-label-container[data-v-07687bcc]{display:flex;flex-direction:column}.input-container[data-v-07687bcc]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative}.input-container[data-v-07687bcc]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-07687bcc]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-07687bcc]:focus{outline:none}.input-container .input[data-v-07687bcc]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-07687bcc]{color:var(--text-disabled)}.input-container .input[type=number][data-v-07687bcc]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-07687bcc]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-07687bcc]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-07687bcc]{letter-spacing:4px}.input-container[data-v-07687bcc] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-07687bcc]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-07687bcc]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-07687bcc]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-07687bcc]{padding-left:var(--spacing-100)}.prefix-text[data-v-07687bcc]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-07687bcc]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-07687bcc],.focused[data-v-07687bcc]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-07687bcc],.error-icon.error-icon[data-v-07687bcc]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-07687bcc]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-07687bcc]:hover{color:var(--primary-main)}.label-direction-left[data-v-07687bcc]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-07687bcc]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-07687bcc]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-07687bcc]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-07687bcc]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-07687bcc]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-07687bcc],.variant-success .input-container[data-v-07687bcc]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-07687bcc],.variant-error .input-container[data-v-07687bcc]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-07687bcc],.variant-warning .input-container[data-v-07687bcc]:hover{outline:2px solid var(--warning-dark)}