@ironsource/shared-ui 2.1.6-rc.12 → 2.1.6-rc.14

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 (20) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css +1 -0
  2. package/DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css +1 -0
  3. package/OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css +1 -0
  4. package/TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css +1 -0
  5. package/components/dropdown/v4/AppDropdownTrigger.vue.js +2 -2
  6. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +1 -1
  7. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  8. package/components/dropdown/v4/DropdownV4.vue2.js +1 -1
  9. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  10. package/components/dropdown/v4/OptionV4.vue2.js +2 -5
  11. package/components/input/v4/TextField.vue.d.ts +0 -5
  12. package/components/input/v4/TextField.vue.js +3 -3
  13. package/components/input/v4/TextField.vue2.js +19 -21
  14. package/components/input/v4/index.d.ts +1 -20
  15. package/index.d.ts +2 -40
  16. package/package.json +1 -1
  17. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css +0 -1
  18. package/DropdownV4.vue_vue_type_style_index_0_scoped_e6fdbae7_lang.css +0 -1
  19. package/OptionV4.vue_vue_type_style_index_0_scoped_e006a8e4_lang.css +0 -1
  20. package/TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css +0 -1
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css ADDED
@@ -0,0 +1 @@
1
+ .app-trigger-wrapper[data-v-0267d003]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-0267d003]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-0267d003]{flex:none}.app-trigger-key--content[data-v-0267d003]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-0267d003]:hover{background:var(--action-selected)}.app-trigger[data-v-0267d003]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-0267d003]:hover,.app-trigger.active[data-v-0267d003]{background:var(--action-selected)}.app-trigger.disabled[data-v-0267d003]{cursor:auto}.app-trigger--content[data-v-0267d003]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-0267d003]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-0267d003]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-0267d003]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-0267d003]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-0267d003]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-0267d003]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-0267d003]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-0267d003]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-0267d003]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-0267d003]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-0267d003]{padding-top:5px;color:var(--error-main)}
package/DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css ADDED
@@ -0,0 +1 @@
1
+ .v-enter-active[data-v-0968078f],.v-leave-active[data-v-0968078f]{transition:opacity .25s ease}ol[data-v-0968078f],ul[data-v-0968078f],menu[data-v-0968078f]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-0968078f],.dropdown.full-width .button__container[data-v-0968078f]{width:100%}.dropdown-list-wrapper[data-v-0968078f]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-0968078f]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-0968078f]{padding-bottom:.25rem}.inline-search .list-container[data-v-0968078f]{padding-top:0}.no-result-container[data-v-0968078f]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-0968078f]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-0968078f]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-0968078f]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-0968078f]:last-child .item-container{margin-bottom:0}.image-slot[data-v-0968078f]{margin-right:.5rem}.actions-wrapper[data-v-0968078f]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-0968078f]{margin-left:.5rem}
package/OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css ADDED
@@ -0,0 +1 @@
1
+ .label[data-v-b8375219]{color:#41454d}.item-container[data-v-b8375219]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-b8375219]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-b8375219]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-b8375219],.item-container[data-v-b8375219]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-b8375219]{background-color:var(--action-selected)}.subtitle[data-v-b8375219]{color:#7b838c;line-height:1rem}.clear-button[data-v-b8375219]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-b8375219]:hover{color:#3083ff}.item[data-v-b8375219]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-b8375219],.item--multi[data-v-b8375219]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-b8375219]{width:20px;height:20px;flex:none}.item .image img[data-v-b8375219]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-b8375219]{display:flex;color:var(--action-active)}.text-container[data-v-b8375219]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-b8375219]{display:block}.tooltip-option[data-v-b8375219] .container{width:100%}
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/dropdown/v4/AppDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./AppDropdownTrigger.vue2.js";
2
2
  /* empty css */import p from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css"; //*');
4
- const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-71c3ab74"]]);
3
+ // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; //*');
4
+ const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-0267d003"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/AppDropdownTrigger.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
1
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
2
2
  import r from "../../icon/v4/IconV4.vue.js";
3
3
  import x from "../../typography/v4/Typography.vue.js";
4
4
  import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
package/components/dropdown/v4/DropdownV4.vue.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import o from "./DropdownV4.vue2.js";
2
- /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_e6fdbae7_lang.css"; //*');
2
+ /* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e6fdbae7"]]);
5
+ const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0968078f"]]);
6
6
  export {
7
7
  r as default
8
8
  };
package/components/dropdown/v4/DropdownV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_e6fdbae7_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as se, computed as z, openBlock as o, createElementBlock as n, mergeProps as u, unref as e, renderSlot as I, createElementVNode as y, createVNode as a, withCtx as c, Transition as ue, normalizeClass as V, normalizeStyle as ce, isRef as fe, createCommentVNode as r, createTextVNode as g, toDisplayString as me, withModifiers as x, Fragment as ye, renderList as pe, toRaw as T, createBlock as $, resolveDynamicComponent as ge } from "vue";
1
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as se, computed as z, openBlock as o, createElementBlock as n, mergeProps as u, unref as e, renderSlot as I, createElementVNode as y, createVNode as a, withCtx as c, Transition as ue, normalizeClass as V, normalizeStyle as ce, isRef as fe, createCommentVNode as r, createTextVNode as g, toDisplayString as me, withModifiers as x, Fragment as ye, renderList as pe, toRaw as T, createBlock as $, resolveDynamicComponent as ge } from "vue";
2
2
  import A from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "./DropdownV4.vue.js";
package/components/dropdown/v4/OptionV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./OptionV4.vue2.js";
2
- /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_e006a8e4_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e006a8e4"]]);
2
+ /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-b8375219"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/OptionV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_e006a8e4_lang.css"; import { defineComponent as B, openBlock as o, createBlock as m, unref as i, withCtx as r, createElementVNode as a, normalizeClass as g, createCommentVNode as l, createElementBlock as s, renderSlot as u, createVNode as f, createTextVNode as b, toDisplayString as k, withModifiers as $ } from "vue";
1
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css"; import { defineComponent as B, openBlock as o, createBlock as m, unref as i, withCtx as r, createElementVNode as a, normalizeClass as g, createCommentVNode as l, createElementBlock as s, renderSlot as u, createVNode as f, createTextVNode as b, toDisplayString as k, withModifiers as $ } from "vue";
2
2
  import "../../typography/Heading.vue.js";
3
3
  import I from "../../typography/Text.vue.js";
4
4
  import z from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -81,10 +81,7 @@ const P = {
81
81
  ], !0)
82
82
  ])) : l("", !0),
83
83
  a("div", E, [
84
- f(i(w), {
85
- class: "option-text",
86
- variant: "body2"
87
- }, {
84
+ f(i(w), { variant: "body2" }, {
88
85
  default: r(() => [
89
86
  u(t.$slots, "default", {}, () => [
90
87
  b(k(e.option[e.nameKey]), 1)
package/components/input/v4/TextField.vue.d.ts CHANGED
@@ -28,7 +28,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
28
28
  showApply?: boolean;
29
29
  inlineError?: boolean;
30
30
  inlineErrorText?: string;
31
- inlineErrorTextPlacement?: TooltipPositions;
32
31
  }>, {
33
32
  modelValue: string;
34
33
  placeholder: string;
@@ -52,7 +51,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
52
51
  showApply: boolean;
53
52
  inlineError: boolean;
54
53
  inlineErrorText: string;
55
- inlineErrorTextPlacement: string;
56
54
  feedbackText: string;
57
55
  feedbackVariant: any;
58
56
  showFeedbackTextIcon: boolean;
@@ -89,7 +87,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
89
87
  showApply?: boolean;
90
88
  inlineError?: boolean;
91
89
  inlineErrorText?: string;
92
- inlineErrorTextPlacement?: TooltipPositions;
93
90
  }>, {
94
91
  modelValue: string;
95
92
  placeholder: string;
@@ -113,7 +110,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
113
110
  showApply: boolean;
114
111
  inlineError: boolean;
115
112
  inlineErrorText: string;
116
- inlineErrorTextPlacement: string;
117
113
  feedbackText: string;
118
114
  feedbackVariant: any;
119
115
  showFeedbackTextIcon: boolean;
@@ -144,7 +140,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
144
140
  showApply: boolean;
145
141
  inlineError: boolean;
146
142
  inlineErrorText: string;
147
- inlineErrorTextPlacement: TooltipPositions;
148
143
  feedbackText: string;
149
144
  feedbackVariant: FeedbackVariant;
150
145
  showFeedbackTextIcon: boolean;
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_a6457440_lang.css"; //*');
4
- const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a6457440"]]);
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
- p 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_a6457440_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 E, normalizeClass as L, renderSlot as P, withCtx as h, createTextVNode as V, toDisplayString as C, withKeys as W, withModifiers as F, 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";
@@ -48,17 +48,16 @@ const Y = {
48
48
  maxLength: { default: null },
49
49
  showApply: { type: Boolean, default: !1 },
50
50
  inlineError: { type: Boolean, default: !1 },
51
- inlineErrorText: { default: "" },
52
- inlineErrorTextPlacement: { default: "top" }
51
+ inlineErrorText: { default: "" }
53
52
  },
54
53
  emits: ["update:modelValue", "apply"],
55
54
  setup(e, { expose: z, emit: k }) {
56
55
  const s = e, c = X(s.testId, f), O = () => {
57
56
  s.showApply ? k("apply") : o?.confirmable && N();
58
- }, D = () => w.value.focus(), {
57
+ }, D = () => T.value.focus(), {
59
58
  onConfirm: N,
60
- onEnter: T,
61
- inputRef: w,
59
+ onEnter: w,
60
+ inputRef: T,
62
61
  isFocused: x,
63
62
  showLabelInside: g,
64
63
  api: o,
@@ -85,15 +84,15 @@ const Y = {
85
84
  disabled: e.disabled,
86
85
  "test-id": e.testId
87
86
  }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
88
- E("div", {
89
- class: L({
87
+ L("div", {
88
+ class: V({
90
89
  "input-container": !0,
91
90
  "label-inside": t(g),
92
91
  focused: t(x)
93
92
  })
94
93
  }, [
95
94
  u.$slots.iconBefore ? (l(), r("div", Y, [
96
- P(u.$slots, "iconBefore", {}, void 0, !0)
95
+ C(u.$slots, "iconBefore", {}, void 0, !0)
97
96
  ])) : n("", !0),
98
97
  e.prefix ? (l(), d(t($), {
99
98
  key: 1,
@@ -101,13 +100,13 @@ const Y = {
101
100
  variant: "body1"
102
101
  }, {
103
102
  default: h(() => [
104
- V(C(e.prefix), 1)
103
+ E(F(e.prefix), 1)
105
104
  ]),
106
105
  _: 1
107
106
  })) : n("", !0),
108
- E("input", y({
107
+ L("input", y({
109
108
  ref_key: "inputRef",
110
- ref: w,
109
+ ref: T,
111
110
  maxlength: e.maxLength
112
111
  }, { ...u.$attrs, ...t(c)[t(f).FIELD] }, {
113
112
  value: t(A),
@@ -126,9 +125,9 @@ const Y = {
126
125
  (...i) => t(I) && t(I)(...i)),
127
126
  onFocus: a[1] || (a[1] = (i) => x.value = !0),
128
127
  onBlur: a[2] || (a[2] = (i) => x.value = !1),
129
- onKeyup: a[3] || (a[3] = W(F(
128
+ onKeyup: a[3] || (a[3] = W(P(
130
129
  //@ts-ignore
131
- (...i) => t(T) && t(T)(...i),
130
+ (...i) => t(w) && t(w)(...i),
132
131
  ["prevent"]
133
132
  ), ["enter"])),
134
133
  onKeypress: a[4] || (a[4] = //@ts-ignore
@@ -137,7 +136,7 @@ const Y = {
137
136
  e.showApply || t(o)?.confirmable && !t(o)?.error?.value ? (l(), r("div", {
138
137
  key: 2,
139
138
  class: "apply-button",
140
- onClick: F(O, ["stop", "prevent"])
139
+ onClick: P(O, ["stop", "prevent"])
141
140
  }, [
142
141
  p(t(v), {
143
142
  name: "check",
@@ -148,8 +147,7 @@ const Y = {
148
147
  p(t(j), y({
149
148
  disabled: !e.inlineErrorText && !t(o)?.error?.value,
150
149
  text: e.inlineErrorText || t(o)?.error?.value,
151
- "test-id": e.testId,
152
- placement: e.inlineErrorTextPlacement
150
+ "test-id": e.testId
153
151
  }, t(c)[t(f).TOOLTIP]), {
154
152
  default: h(() => [
155
153
  p(t(v), {
@@ -158,7 +156,7 @@ const Y = {
158
156
  })
159
157
  ]),
160
158
  _: 1
161
- }, 16, ["disabled", "text", "test-id", "placement"])
159
+ }, 16, ["disabled", "text", "test-id"])
162
160
  ])) : n("", !0),
163
161
  e.suffix ? (l(), d(t($), {
164
162
  key: 4,
@@ -166,7 +164,7 @@ const Y = {
166
164
  variant: "body1"
167
165
  }, {
168
166
  default: h(() => [
169
- V(C(e.suffix), 1)
167
+ E(F(e.suffix), 1)
170
168
  ]),
171
169
  _: 1
172
170
  })) : n("", !0),
@@ -187,12 +185,12 @@ const Y = {
187
185
  }))
188
186
  ], 16)) : n("", !0),
189
187
  u.$slots.iconAfter ? (l(), r("div", te, [
190
- P(u.$slots, "iconAfter", {}, void 0, !0)
188
+ C(u.$slots, "iconAfter", {}, void 0, !0)
191
189
  ])) : n("", !0)
192
190
  ], 2),
193
191
  e.feedbackText || e.maxLength ? (l(), r("div", {
194
192
  key: 1,
195
- class: L(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
193
+ class: V(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
196
194
  }, [
197
195
  e.feedbackText ? (l(), d(Q, {
198
196
  key: 0,
package/components/input/v4/index.d.ts CHANGED
@@ -26,7 +26,6 @@ declare const TextFieldTypes: () => ({
26
26
  showApply: boolean;
27
27
  inlineError: boolean;
28
28
  inlineErrorText: string;
29
- inlineErrorTextPlacement: "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";
30
29
  feedbackText: string;
31
30
  feedbackVariant: "success" | "warning" | "error";
32
31
  showFeedbackTextIcon: boolean;
@@ -120,10 +119,6 @@ declare const TextFieldTypes: () => ({
120
119
  type: import("vue").PropType<string>;
121
120
  default: string;
122
121
  };
123
- inlineErrorTextPlacement: {
124
- 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">;
125
- default: string;
126
- };
127
122
  feedbackText: {
128
123
  type: import("vue").PropType<string>;
129
124
  default: string;
@@ -143,7 +138,7 @@ declare const TextFieldTypes: () => ({
143
138
  }>> & {
144
139
  "onUpdate:modelValue"?: (value: string | number) => any;
145
140
  onApply?: () => any;
146
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
141
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
147
142
  $attrs: {
148
143
  [x: string]: unknown;
149
144
  };
@@ -246,10 +241,6 @@ declare const TextFieldTypes: () => ({
246
241
  type: import("vue").PropType<string>;
247
242
  default: string;
248
243
  };
249
- inlineErrorTextPlacement: {
250
- 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">;
251
- default: string;
252
- };
253
244
  feedbackText: {
254
245
  type: import("vue").PropType<string>;
255
246
  default: string;
@@ -297,7 +288,6 @@ declare const TextFieldTypes: () => ({
297
288
  showApply: boolean;
298
289
  inlineError: boolean;
299
290
  inlineErrorText: string;
300
- inlineErrorTextPlacement: "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";
301
291
  feedbackText: string;
302
292
  feedbackVariant: "success" | "warning" | "error";
303
293
  showFeedbackTextIcon: boolean;
@@ -411,10 +401,6 @@ declare const TextFieldTypes: () => ({
411
401
  type: import("vue").PropType<string>;
412
402
  default: string;
413
403
  };
414
- inlineErrorTextPlacement: {
415
- 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">;
416
- default: string;
417
- };
418
404
  feedbackText: {
419
405
  type: import("vue").PropType<string>;
420
406
  default: string;
@@ -529,10 +515,6 @@ declare const TextFieldTypes: () => ({
529
515
  type: import("vue").PropType<string>;
530
516
  default: string;
531
517
  };
532
- inlineErrorTextPlacement: {
533
- 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">;
534
- default: string;
535
- };
536
518
  feedbackText: {
537
519
  type: import("vue").PropType<string>;
538
520
  default: string;
@@ -580,7 +562,6 @@ declare const TextFieldTypes: () => ({
580
562
  showApply: boolean;
581
563
  inlineError: boolean;
582
564
  inlineErrorText: string;
583
- inlineErrorTextPlacement: "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";
584
565
  feedbackText: string;
585
566
  feedbackVariant: "success" | "warning" | "error";
586
567
  showFeedbackTextIcon: boolean;
package/index.d.ts CHANGED
@@ -8344,7 +8344,6 @@ declare const _default: {
8344
8344
  showApply: boolean;
8345
8345
  inlineError: boolean;
8346
8346
  inlineErrorText: string;
8347
- inlineErrorTextPlacement: "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";
8348
8347
  feedbackText: string;
8349
8348
  feedbackVariant: "success" | "warning" | "error";
8350
8349
  showFeedbackTextIcon: boolean;
@@ -8438,10 +8437,6 @@ declare const _default: {
8438
8437
  type: import("vue").PropType<string>;
8439
8438
  default: string;
8440
8439
  };
8441
- inlineErrorTextPlacement: {
8442
- 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">;
8443
- default: string;
8444
- };
8445
8440
  feedbackText: {
8446
8441
  type: import("vue").PropType<string>;
8447
8442
  default: string;
@@ -8461,7 +8456,7 @@ declare const _default: {
8461
8456
  }>> & {
8462
8457
  "onUpdate:modelValue"?: (value: string | number) => any;
8463
8458
  onApply?: () => any;
8464
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
8459
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
8465
8460
  $attrs: {
8466
8461
  [x: string]: unknown;
8467
8462
  };
@@ -8564,10 +8559,6 @@ declare const _default: {
8564
8559
  type: import("vue").PropType<string>;
8565
8560
  default: string;
8566
8561
  };
8567
- inlineErrorTextPlacement: {
8568
- 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">;
8569
- default: string;
8570
- };
8571
8562
  feedbackText: {
8572
8563
  type: import("vue").PropType<string>;
8573
8564
  default: string;
@@ -8615,7 +8606,6 @@ declare const _default: {
8615
8606
  showApply: boolean;
8616
8607
  inlineError: boolean;
8617
8608
  inlineErrorText: string;
8618
- inlineErrorTextPlacement: "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";
8619
8609
  feedbackText: string;
8620
8610
  feedbackVariant: "success" | "warning" | "error";
8621
8611
  showFeedbackTextIcon: boolean;
@@ -8729,10 +8719,6 @@ declare const _default: {
8729
8719
  type: import("vue").PropType<string>;
8730
8720
  default: string;
8731
8721
  };
8732
- inlineErrorTextPlacement: {
8733
- 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">;
8734
- default: string;
8735
- };
8736
8722
  feedbackText: {
8737
8723
  type: import("vue").PropType<string>;
8738
8724
  default: string;
@@ -8847,10 +8833,6 @@ declare const _default: {
8847
8833
  type: import("vue").PropType<string>;
8848
8834
  default: string;
8849
8835
  };
8850
- inlineErrorTextPlacement: {
8851
- 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">;
8852
- default: string;
8853
- };
8854
8836
  feedbackText: {
8855
8837
  type: import("vue").PropType<string>;
8856
8838
  default: string;
@@ -8898,7 +8880,6 @@ declare const _default: {
8898
8880
  showApply: boolean;
8899
8881
  inlineError: boolean;
8900
8882
  inlineErrorText: string;
8901
- inlineErrorTextPlacement: "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";
8902
8883
  feedbackText: string;
8903
8884
  feedbackVariant: "success" | "warning" | "error";
8904
8885
  showFeedbackTextIcon: boolean;
@@ -8936,7 +8917,6 @@ declare const _default: {
8936
8917
  showApply: boolean;
8937
8918
  inlineError: boolean;
8938
8919
  inlineErrorText: string;
8939
- inlineErrorTextPlacement: "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";
8940
8920
  feedbackText: string;
8941
8921
  feedbackVariant: "success" | "warning" | "error";
8942
8922
  showFeedbackTextIcon: boolean;
@@ -9030,10 +9010,6 @@ declare const _default: {
9030
9010
  type: import("vue").PropType<string>;
9031
9011
  default: string;
9032
9012
  };
9033
- inlineErrorTextPlacement: {
9034
- 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">;
9035
- default: string;
9036
- };
9037
9013
  feedbackText: {
9038
9014
  type: import("vue").PropType<string>;
9039
9015
  default: string;
@@ -9053,7 +9029,7 @@ declare const _default: {
9053
9029
  }>> & {
9054
9030
  "onUpdate:modelValue"?: (value: string | number) => any;
9055
9031
  onApply?: () => any;
9056
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
9032
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
9057
9033
  $attrs: {
9058
9034
  [x: string]: unknown;
9059
9035
  };
@@ -9156,10 +9132,6 @@ declare const _default: {
9156
9132
  type: import("vue").PropType<string>;
9157
9133
  default: string;
9158
9134
  };
9159
- inlineErrorTextPlacement: {
9160
- 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">;
9161
- default: string;
9162
- };
9163
9135
  feedbackText: {
9164
9136
  type: import("vue").PropType<string>;
9165
9137
  default: string;
@@ -9207,7 +9179,6 @@ declare const _default: {
9207
9179
  showApply: boolean;
9208
9180
  inlineError: boolean;
9209
9181
  inlineErrorText: string;
9210
- inlineErrorTextPlacement: "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";
9211
9182
  feedbackText: string;
9212
9183
  feedbackVariant: "success" | "warning" | "error";
9213
9184
  showFeedbackTextIcon: boolean;
@@ -9321,10 +9292,6 @@ declare const _default: {
9321
9292
  type: import("vue").PropType<string>;
9322
9293
  default: string;
9323
9294
  };
9324
- inlineErrorTextPlacement: {
9325
- 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">;
9326
- default: string;
9327
- };
9328
9295
  feedbackText: {
9329
9296
  type: import("vue").PropType<string>;
9330
9297
  default: string;
@@ -9439,10 +9406,6 @@ declare const _default: {
9439
9406
  type: import("vue").PropType<string>;
9440
9407
  default: string;
9441
9408
  };
9442
- inlineErrorTextPlacement: {
9443
- 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">;
9444
- default: string;
9445
- };
9446
9409
  feedbackText: {
9447
9410
  type: import("vue").PropType<string>;
9448
9411
  default: string;
@@ -9490,7 +9453,6 @@ declare const _default: {
9490
9453
  showApply: boolean;
9491
9454
  inlineError: boolean;
9492
9455
  inlineErrorText: string;
9493
- inlineErrorTextPlacement: "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";
9494
9456
  feedbackText: string;
9495
9457
  feedbackVariant: "success" | "warning" | "error";
9496
9458
  showFeedbackTextIcon: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.12",
3
+ "version": "2.1.6-rc.14",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css DELETED
@@ -1 +0,0 @@
1
- .app-trigger-wrapper[data-v-71c3ab74]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-71c3ab74]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-71c3ab74]{flex:none}.app-trigger-key--content[data-v-71c3ab74]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-71c3ab74]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-71c3ab74]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-71c3ab74]:hover,.app-trigger.active[data-v-71c3ab74]{background:var(--action-selected)}.app-trigger.disabled[data-v-71c3ab74]{cursor:auto}.app-trigger--content[data-v-71c3ab74]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-71c3ab74]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-71c3ab74]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-71c3ab74]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-71c3ab74]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-71c3ab74]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-71c3ab74]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-71c3ab74]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-71c3ab74]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-71c3ab74]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-71c3ab74]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-71c3ab74]{padding-top:5px;color:var(--error-main)}
package/DropdownV4.vue_vue_type_style_index_0_scoped_e6fdbae7_lang.css DELETED
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-e6fdbae7],.v-leave-active[data-v-e6fdbae7]{transition:opacity .25s ease}ol[data-v-e6fdbae7],ul[data-v-e6fdbae7],menu[data-v-e6fdbae7]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-e6fdbae7],.dropdown.full-width .button__container[data-v-e6fdbae7]{width:100%}.dropdown-list-wrapper[data-v-e6fdbae7]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.list-container--multi[data-v-e6fdbae7]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-e6fdbae7]{padding-bottom:.25rem}.inline-search .list-container[data-v-e6fdbae7]{padding-top:0}.no-result-container[data-v-e6fdbae7]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-e6fdbae7]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-e6fdbae7]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-e6fdbae7]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-e6fdbae7]{margin-right:.5rem}.actions-wrapper[data-v-e6fdbae7]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-e6fdbae7]{margin-left:.5rem}
package/OptionV4.vue_vue_type_style_index_0_scoped_e006a8e4_lang.css DELETED
@@ -1 +0,0 @@
1
- .label[data-v-e006a8e4]{color:#41454d}.item-container[data-v-e006a8e4]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-e006a8e4]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-e006a8e4]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-e006a8e4],.item-container[data-v-e006a8e4]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-e006a8e4]{background-color:var(--action-selected)}.subtitle[data-v-e006a8e4]{color:#7b838c;line-height:1rem}.clear-button[data-v-e006a8e4]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-e006a8e4]:hover{color:#3083ff}.item[data-v-e006a8e4]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-e006a8e4],.item--multi[data-v-e006a8e4]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-e006a8e4]{width:20px;height:20px;flex:none}.item .image img[data-v-e006a8e4]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-e006a8e4]{display:flex;color:var(--action-active)}.item .option-text[data-v-e006a8e4]{line-height:1.1875rem}.text-container[data-v-e006a8e4]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-e006a8e4]{display:block}.tooltip-option[data-v-e006a8e4] .container{width:100%}
package/TextField.vue_vue_type_style_index_0_scoped_a6457440_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-a6457440],.font-chart-2[data-v-a6457440],.font-chart-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-a6457440],.font-table-label[data-v-a6457440],.font-button[data-v-a6457440],.font-heading-6[data-v-a6457440],.font-heading-5[data-v-a6457440],.font-heading-4[data-v-a6457440],.font-heading-3[data-v-a6457440],.font-heading-2[data-v-a6457440],.font-heading-1[data-v-a6457440],.font-title[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-a6457440],.font-input-label[data-v-a6457440],.font-overline[data-v-a6457440],.font-subtitle-2[data-v-a6457440],.font-subtitle-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-a6457440],.font-body-2[data-v-a6457440],.input-container .input[data-v-a6457440],.font-body-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-a6457440]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-a6457440]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-a6457440]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-a6457440]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-a6457440]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-a6457440]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-a6457440]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-a6457440],.font-body-1[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-a6457440]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-a6457440]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-a6457440]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-a6457440]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-a6457440]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-a6457440],.font-tab-label2[data-v-a6457440]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-a6457440]{font-size:.75rem;line-height:1rem}h1[data-v-a6457440],h2[data-v-a6457440],h3[data-v-a6457440],h4[data-v-a6457440],h5[data-v-a6457440],h6[data-v-a6457440]{margin:0}.disabled .input[data-v-a6457440]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-a6457440]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-a6457440]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-a6457440]{height:28px}.input-size-medium[data-v-a6457440]{height:32px}.input-size-large[data-v-a6457440]{height:40px}.input-with-label-container[data-v-a6457440]{display:flex;flex-direction:column}.input-container[data-v-a6457440]{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-a6457440]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-a6457440]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-a6457440]:focus{outline:none}.input-container .input[data-v-a6457440]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-a6457440]{color:var(--text-disabled)}.input-container .input[type=number][data-v-a6457440]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-a6457440]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-a6457440]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-a6457440]{letter-spacing:4px}.input-container[data-v-a6457440] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-a6457440]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-a6457440]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-a6457440]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-a6457440]{padding-left:var(--spacing-100)}.prefix-text[data-v-a6457440]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-a6457440]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-a6457440],.focused[data-v-a6457440]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-a6457440],.error-icon.error-icon[data-v-a6457440]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-a6457440]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-a6457440]:hover{color:var(--primary-main)}.label-direction-left[data-v-a6457440]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-a6457440]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-a6457440]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-a6457440]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-a6457440]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-a6457440]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-a6457440],.variant-success .input-container[data-v-a6457440]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-a6457440],.variant-error .input-container[data-v-a6457440]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-a6457440],.variant-warning .input-container[data-v-a6457440]:hover{outline:2px solid var(--warning-dark)}