@ironsource/shared-ui 2.1.6-rc.13 → 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 +32 -32
  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_07ffe682_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_07ffe682_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-07ffe682"]]);
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,5 +1,5 @@
1
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_07ffe682_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as se, computed as V, 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 A, 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
- import L from "../../button/v4/ButtonV4.vue.js";
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
+ import A from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "./DropdownV4.vue.js";
5
5
  import ke from "./DefaultDropdownTrigger.vue.js";
@@ -83,7 +83,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
83
83
  },
84
84
  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
85
85
  setup(t, { expose: W, emit: M }) {
86
- const d = t, O = {
86
+ const d = t, L = {
87
87
  MULTILINE_LIST_HEIGHT: 48,
88
88
  LIST_HEIGHT: 32 + 4,
89
89
  MAX_NUMBER_OF_OPTIONS: 7.5,
@@ -100,31 +100,31 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
100
100
  calculateTableHeight: q,
101
101
  wrapperProps: Y,
102
102
  filteredOptions: j,
103
- allSelected: B,
103
+ allSelected: O,
104
104
  isIndeterminate: J,
105
105
  onSelectAll: Q,
106
- virtualOptions: N,
106
+ virtualOptions: B,
107
107
  isSelected: S,
108
108
  selectedOption: b,
109
- selectedOptionPrevious: D,
109
+ selectedOptionPrevious: N,
110
110
  selectedValue: Z,
111
- onSelect: E,
112
- activeIndex: K,
111
+ onSelect: D,
112
+ activeIndex: E,
113
113
  onCancel: _,
114
114
  onApply: ee,
115
115
  scrollTo: te,
116
116
  listRef: le,
117
- buttonRef: P,
117
+ buttonRef: K,
118
118
  apply: ie,
119
119
  cancel: oe,
120
120
  el: ne,
121
- onClearAllSelections: R,
121
+ onClearAllSelections: P,
122
122
  clearAll: ae
123
- } = Ie(d, M, O), m = Se(d.testId, f), F = V(() => !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT ? ke : d.predefinedTrigger === p.APP ? he : null), { width: z } = Ae(P), de = V(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT || d.predefinedTrigger === p.APP ? z.value - 2 > 240 ? `${z.value - 2}px` : `${O.DROPLIST_MIN_WIDTH}px` : "auto"), re = () => {
123
+ } = Ie(d, M, L), m = Se(d.testId, f), R = z(() => !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT ? ke : d.predefinedTrigger === p.APP ? he : null), { width: F } = Ae(K), de = z(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === p.DEFAULT || d.predefinedTrigger === p.APP ? F.value - 2 > 240 ? `${F.value - 2}px` : `${L.DROPLIST_MIN_WIDTH}px` : "auto"), re = () => {
124
124
  h();
125
125
  };
126
126
  return W({
127
- selectItem: E,
127
+ selectItem: D,
128
128
  scrollTo: te
129
129
  }), (v, i) => (o(), n("div", u({
130
130
  ref_key: "el",
@@ -162,7 +162,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
162
162
  key: 0,
163
163
  ref_key: "listRef",
164
164
  ref: le,
165
- class: A(["light-theme-v4", {
165
+ class: V(["light-theme-v4", {
166
166
  "dropdown--disabled": t.disabled,
167
167
  "inline-search": t.inlineSearch
168
168
  }]),
@@ -170,7 +170,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
170
170
  }, [
171
171
  e(s) ? (o(), n("div", {
172
172
  key: 0,
173
- class: A(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": t.multi }]),
173
+ class: "dropdown-list-wrapper",
174
174
  onKeydown: i[6] || (i[6] = //@ts-ignore
175
175
  (...l) => e(k) && e(k)(...l))
176
176
  }, [
@@ -221,9 +221,9 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
221
221
  t.showSelectAll !== !1 && t.multi ? (o(), n("li", Fe, [
222
222
  a(e(H), u(
223
223
  {
224
- "aria-selected": e(B),
224
+ "aria-selected": e(O),
225
225
  "aria-disabled": !!t.disabled,
226
- "selected-prop": e(B),
226
+ "selected-prop": e(O),
227
227
  "is-indeterminate": e(J),
228
228
  "select-all-option": ""
229
229
  },
@@ -238,22 +238,22 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
238
238
  _: 1
239
239
  }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
240
240
  ])) : r("", !0),
241
- e(N).length && !t.loading ? (o(!0), n(ye, { key: 3 }, pe(e(N), ({ data: l, index: w }) => (o(), n("li", {
241
+ e(B).length && !t.loading ? (o(!0), n(ye, { key: 3 }, pe(e(B), ({ data: l, index: w }) => (o(), n("li", {
242
242
  key: w,
243
243
  "aria-selected": e(S)(T(e(b)), l),
244
244
  "aria-disabled": !!t.disabled,
245
- onClick: x(() => e(E)(l, w), ["stop"])
245
+ onClick: x(() => e(D)(l, w), ["stop"])
246
246
  }, [
247
247
  I(v.$slots, "default", {
248
248
  option: l,
249
249
  selected: e(S)(T(e(b)), l),
250
- active: T(e(K)) === w,
250
+ active: T(e(E)) === w,
251
251
  disabled: l[d.disabledOptionKey]
252
252
  }, () => [
253
253
  a(e(H), {
254
254
  option: l,
255
255
  selected: e(S)(T(e(b)), l),
256
- active: T(e(K)) === w,
256
+ active: T(e(E)) === w,
257
257
  disabled: l[d.disabledOptionKey],
258
258
  "name-key": t.optionNameKey,
259
259
  "image-key": t.optionImageKey,
@@ -266,7 +266,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
266
266
  ], 16),
267
267
  t.multi ? (o(), n("div", Ve, [
268
268
  y("div", xe, [
269
- a(e(L), u(
269
+ a(e(A), u(
270
270
  {
271
271
  ref_key: "clearAll",
272
272
  ref: ae,
@@ -276,7 +276,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
276
276
  },
277
277
  e(m)[e(f).ACTION_CLEAR_ALL],
278
278
  {
279
- onClick: i[5] || (i[5] = () => e(R)(!1))
279
+ onClick: i[5] || (i[5] = () => e(P)(!1))
280
280
  }
281
281
  ), {
282
282
  default: c(() => [
@@ -286,7 +286,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
286
286
  }, 16)
287
287
  ]),
288
288
  y("div", $e, [
289
- a(e(L), u(
289
+ a(e(A), u(
290
290
  {
291
291
  ref_key: "cancel",
292
292
  ref: oe,
@@ -302,7 +302,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
302
302
  ]),
303
303
  _: 1
304
304
  }, 16, ["onClick"]),
305
- a(e(L), u({
305
+ a(e(A), u({
306
306
  ref_key: "apply",
307
307
  ref: ie,
308
308
  "data-testid": "mutli-apply",
@@ -316,7 +316,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
316
316
  }, 16, ["onClick"])
317
317
  ])
318
318
  ])) : r("", !0)
319
- ], 34)) : r("", !0)
319
+ ], 32)) : r("", !0)
320
320
  ], 6)) : r("", !0)
321
321
  ]),
322
322
  _: 3
@@ -324,7 +324,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
324
324
  ]),
325
325
  default: c(() => [
326
326
  y("div", {
327
- class: A(["button__container", {
327
+ class: V(["button__container", {
328
328
  "button__container--open": !!e(s),
329
329
  [`button__container--${t.size}`]: !0,
330
330
  "button__container--disabled": t.disabled
@@ -340,10 +340,10 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
340
340
  }, () => [
341
341
  y("div", {
342
342
  ref_key: "buttonRef",
343
- ref: P
343
+ ref: K
344
344
  }, [
345
- e(F) ? (o(), n("div", Ne, [
346
- (o(), $(ge(e(F)), {
345
+ e(R) ? (o(), n("div", Ne, [
346
+ (o(), $(ge(e(R)), {
347
347
  placeholder: t.placeholder,
348
348
  open: e(s),
349
349
  label: t.triggerLabel,
@@ -352,7 +352,7 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
352
352
  "test-id": t.testId,
353
353
  multi: t.multi,
354
354
  disabled: t.disabled,
355
- "selected-option": t.multi ? e(D) : e(b),
355
+ "selected-option": t.multi ? e(N) : e(b),
356
356
  "display-value": t.displayValue,
357
357
  options: t.options,
358
358
  "option-name-key": t.optionNameKey,
@@ -378,11 +378,11 @@ const Oe = ["tabindex"], Be = { style: { width: "100%" } }, Ne = { key: 0 }, De
378
378
  label: t.placeholder,
379
379
  "test-id": t.testId,
380
380
  options: t.options,
381
- "selected-option": t.multi ? e(D) : e(b),
381
+ "selected-option": t.multi ? e(N) : e(b),
382
382
  "display-value": t.displayValue,
383
383
  multi: t.multi,
384
384
  onClick: i[1] || (i[1] = (l) => e(h)()),
385
- onClear: i[2] || (i[2] = (l) => e(R)())
385
+ onClear: i[2] || (i[2] = (l) => e(P)())
386
386
  }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi"])
387
387
  ])) : r("", !0)
388
388
  ], 512)
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.13",
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_07ffe682_lang.css DELETED
@@ -1 +0,0 @@
1
- .v-enter-active[data-v-07ffe682],.v-leave-active[data-v-07ffe682]{transition:opacity .25s ease}ol[data-v-07ffe682],ul[data-v-07ffe682],menu[data-v-07ffe682]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-07ffe682],.dropdown.full-width .button__container[data-v-07ffe682]{width:100%}.dropdown-list-wrapper[data-v-07ffe682]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-07ffe682]{padding:.5rem}.list-container--multi[data-v-07ffe682]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-07ffe682]{padding-bottom:.25rem}.inline-search .list-container[data-v-07ffe682]{padding-top:0}.no-result-container[data-v-07ffe682]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-07ffe682]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-07ffe682]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-07ffe682]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-07ffe682]{margin-right:.5rem}.actions-wrapper[data-v-07ffe682]{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-07ffe682]{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)}